IconFont 图标
-
更多.icon-gengduo
-
成功.icon-chenggong
-
失败.icon-shibai
-
警示.icon-jingshi
-
提示.icon-tishi
-
帮助.icon-bangzhu
-
等待.icon-dengdai
-
地图.icon-ditu
-
编号.icon-bianhao
-
照明.icon-zhaoming
-
icon_26.icon-icon26
-
上一页.icon-shangyiye-copy
-
群组.icon-qunzu
-
1.icon-1
-
2.icon-2
-
3.icon-3
-
4.icon-4
-
5.icon-5
-
6.icon-6
-
7.icon-7
-
10.icon-10
-
14.icon-14
-
11.icon-11
-
13.icon-13
-
12.icon-12
-
8.icon-8
-
9.icon-9
-
15.icon-15
-
16.icon-16
-
17.icon-17
-
18.icon-18
-
19.icon-19
-
20.icon-20
-
21.icon-21
-
29.icon-29
-
34.icon-34
-
28.icon-28
-
25.icon-25
-
22.icon-22
-
27.icon-27
-
26.icon-26
-
30.icon-30
-
35.icon-35
-
36.icon-36
-
38.icon-38
-
41.icon-41
-
33.icon-33
-
39.icon-39
-
40.icon-40
-
32.icon-32
-
31.icon-31
-
24.icon-24
-
23.icon-23
-
37.icon-37
-
44.icon-44
-
42.icon-42
-
47.icon-47
-
43.icon-43
-
48.icon-48
-
51.icon-51
-
54.icon-54
-
45.icon-45
-
57.icon-57
-
52.icon-52
-
49.icon-49
-
50.icon-50
-
53.icon-53
-
58.icon-58
-
55.icon-55
-
46.icon-46
-
60.icon-60
-
61.icon-61
-
56.icon-56
-
59.icon-59
-
63.icon-63
-
65.icon-65
-
62.icon-62
-
70.icon-70
-
66.icon-66
-
76.icon-76
-
67.icon-67
-
64.icon-64
-
77.icon-77
-
68.icon-68
-
69.icon-69
-
73.icon-73
-
74.icon-74
-
75.icon-75
-
79.icon-79
-
78.icon-78
-
71.icon-71
-
80.icon-80
-
72.icon-72
-
81.icon-81
-
86.icon-86
-
88.icon-88
-
89.icon-89
-
82.icon-82
-
84.icon-84
-
85.icon-85
-
87.icon-87
-
83.icon-83
-
90.icon-90
-
91.icon-91
-
92.icon-92
-
93.icon-93
-
95.icon-95
-
94.icon-94
-
96.icon-96
-
97.icon-97
-
98.icon-98
-
99.icon-99
-
100.icon-100
-
101.icon-101
-
102.icon-102
-
103.icon-103
-
104.icon-104
-
105.icon-105
-
106.icon-106
-
107.icon-107
-
108.icon-108
-
109.icon-109
-
110.icon-110
-
111.icon-111
-
112.icon-112
-
113.icon-113
-
114.icon-114
-
115.icon-115
-
116.icon-116
-
117.icon-117
-
118.icon-118
-
119.icon-119
-
122.icon-122
-
131.icon-131
-
124.icon-124
-
126.icon-126
-
129.icon-129
-
130.icon-130
-
127.icon-127
-
125.icon-125
-
120.icon-120
-
128.icon-128
-
123.icon-123
-
121.icon-121
-
143.icon-143
-
150.icon-150
-
153.icon-153
-
154.icon-154
-
warning3.icon-warning3
-
close2.icon-close2
-
download.icon-download
-
money.icon-money
-
help2.icon-help2
-
safe1.icon-safe1
-
safe2.icon-safe2
-
error.icon-error
-
search.icon-search
-
close1.icon-close1
-
tick.icon-tick
-
password.icon-password
-
refresh.icon-refresh
-
user.icon-user
-
loading.icon-loading
-
tick2.icon-tick2
-
eye.icon-eye
-
saoma.icon-saoma
-
light.icon-light
-
bike.icon-bike
-
arr_down.icon-arrdown
-
position.icon-position
-
phone.icon-phone
-
tel.icon-tel
-
pos.icon-pos
-
circle.icon-circle
-
closeicon.icon-closeicon
-
littletick.icon-littletick
-
download.icon-download1
-
rank.icon-rank
-
android.icon-android
-
apple.icon-apple
-
162.icon-162
-
160.icon-160
-
161.icon-161
-
163.icon-163
-
chongzhi.icon-chongzhi
-
tixian.icon-tixian
-
zhangdan.icon-zhangdan
-
zhichu.icon-zhichu
-
shouru.icon-shouru
-
gift.icon-gift
-
解除绑定.icon-jiechubangding
-
d.icon-d
-
a.icon-a
-
c.icon-c
-
e.icon-e
-
b.icon-b
-
tick.icon-tick1
-
flower.icon-flower
-
zan.icon-zan
-
照明.icon-zhaoming1
-
提示.icon-tishi1
-
提示.icon-tishi2
-
我来爆料.icon-wolaibaoliao
-
每日一题.icon-meiriyiti
-
位置.icon-weizhi
-
heart.icon-heart
-
苏州环卫.icon-suzhouhuanwei
-
处置概况.icon-chuzhigaikuang
-
工作动态.icon-gongzuodongtai
-
绿色家园.icon-lvsejiayuan
-
年度收集.icon-niandushouji
-
环卫大数据.icon-huanweidashuju
-
问卷调查.icon-wenjuantiaocha
-
宣传资料.icon-xuanchuanziliao
-
新闻资讯.icon-xinwenzixun
-
作业考核.icon-zuoyekaohe
-
pdf.icon-pdf
-
搜索.icon-sousuo
-
锦旗.icon-jinqi
-
失败.icon-shibai1
-
账单.icon-zhangdan1
-
周边.icon-zhoubian
-
优秀.icon-youxiu
-
内部应用.icon-neibuyingyong
-
异常.icon-yichang
-
到这去.icon-daozhequ
-
渣土.icon-zhatu
-
垃圾.icon-laji
-
扫码.icon-saoma1
-
积分.icon-jifen
-
扫码.icon-saoma11
-
问题上报.icon-wentishangbao
-
办理指南.icon-banlizhinan
-
渣土宣传.icon-zhatuxuanchuan
-
预约办理.icon-yuyuebanli
-
办理进度查询.icon-banlijinduchaxun
-
icon 2.icon-icon
-
专题.icon-zhuanti
-
锦旗.icon-jinqi1
-
账单.icon-zhangdan2
-
实时数据发布.icon-shishishujufabu
-
关闭.icon-guanbi
-
问题.icon-wenti
-
说明.icon-shuoming
-
sun.icon-sun
-
工单量.icon-gongdanliang
-
案卷数量.icon-anjuanshuliang
-
红包.icon-hongbao
-
满意指数.icon-manyizhishu
-
在线人数.icon-zaixianrenshu
-
flag2.icon-flag
-
手势.icon-shoushi
-
屏蔽信息.icon-pingbixinxi
-
急速上报.icon-jisushangbao
font-class引用
font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题。
与unicode使用方式相比,具有如下特点:
- 兼容性良好,支持ie8+,及所有现代浏览器。
- 相比于unicode语意明确,书写更直观。可以很容易分辨这个icon是什么。
- 因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。
- 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
使用步骤如下:
第一步:引入项目下面生成的fontclass代码:
<link rel="stylesheet" type="text/css" href="./iconfont.css">
第二步:挑选相应图标并获取类名,应用于页面:
<i class="iconfont icon-xxx"></i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。