显示项目状态的图标

时间:2019-02-13 07:42:14

标签: html html5 css3 icons glyphicons

我有一个项目,我需要使用图标显示该项目的状态。我有不同的状态,例如新的,处于打开状态,正在进行中,已完成,已接受。 任何人都可以建议最好的图标来显示项目的上述状态。

谢谢。

1 个答案:

答案 0 :(得分:0)

每个UI有两套最常用的库:

材料图标:

Material Design Icons

字体很棒的图标:

Font awesome version 4

Font awesome version 5

这些图标中很少有与加载动画一起可用的。 因此,如果您选择Font awesome version 4图标:

然后按照您的顺序:

  1. 新功能- fa-plus-circle
  2. 打开- fa-folder-打开
  3. 进行中- fa-spinner
  4. 已完成- fa-check-square

    注意:适用于真棒字体4.7版。将上述名称与后缀 fa 一起分配给班级。并要更改特定图标的颜色,请使用图标类名称(例如,对于新的 .fa .fa-plus-circle {css ),例如以上示例)