IconFont
28 |-
29 |
-
30 |
33 | fsux_chart_条形图34 |#icon-fsux_tubiao_zhuzhuangtu35 |
36 |
-
37 |
40 | fsux_chart_堆积柱状图41 |#icon-fsux_tubiao_duijizhuzhuangtu42 |
43 |
-
44 |
47 | fsux_chart_堆积柱状图48 |#icon-fsux_tubiao_duijizhuzhuangtu149 |
50 |
-
51 |
54 | fsux_chart_环图55 |#icon-fsux_tubiao_bingtu56 |
57 |
-
58 |
61 | fsux_chart_矩形树图62 |#icon-fsux_tubiao_juxingshutu63 |
64 |
-
65 |
68 | fsux_chart_气泡图69 |#icon-fsux_tubiao_qipaotu70 |
71 |
-
72 |
75 | fsux_chart_瀑布图76 |#icon-fsux_tubiao_pubutu77 |
78 |
-
79 |
82 | fsux_chart_双轴图83 |#icon-fsux_tubiao_shuangzhoutu84 |
85 |
-
86 |
89 | fsux_chart_K线图90 |#icon-fsux_tubiao_kxiantu91 |
92 |
-
93 |
96 | fsux_chart_漏斗图97 |#icon-fsux_tubiao_loudoutu98 |
99 |
-
100 |
103 | fsux_chart_雷达图104 |#icon-fsux_tubiao_leidatu105 |
106 |
-
107 |
110 | fsux_chart_旭日图111 |#icon-fsux_tubiao_xuritu112 |
113 |
-
114 |
117 | fsux_chart_堆积面积图118 |#icon-fsux_tubiao_duijimianjitu119 |
120 |
-
121 |
124 | fsux_chart_百分比堆积图125 |#icon-fsux_tubiao_baifenbiduijitu126 |
127 |
-
128 |
131 | fsux_chart_表格132 |#icon-fsux_tubiao_biaoge133 |
134 |
-
135 |
138 | fsux_chart_饼图139 |#icon-fsux_tubiao_bingtu1140 |
141 |
-
142 |
145 | fsux_chart_仪表盘146 |#icon-fsux_tubiao_yibiaopan147 |
148 |
-
149 |
152 | fsux_chart_指标卡153 |#icon-fsux_tubiao_zhibiaoka154 |
155 |
-
156 |
159 | fsux_chart_散点地图160 |#icon-fsux_tubiao_ditu_sandian161 |
162 |
-
163 |
166 | fsux_chart_热力地图167 |#icon-fsux_tubiao_ditu_reli168 |
169 |
-
170 |
173 | fsux_chart_气泡地图174 |#icon-fsux_tubiao_ditu175 |
176 |
-
177 |
180 | fsux_chart_词云181 |#icon-fsux_tubiao_ciyun182 |
183 |
-
184 |
187 | fsux_chart_柱状图188 |#icon-fsux_tubiao_zhuzhuangtu1189 |
190 |
-
191 |
194 | fsux_chart_折线图195 |#icon-fsux_zhexiantu196 |
197 |
-
198 |
201 | fsux_chart_面积图202 |#icon-ic_tubiao_mianji203 |
204 |
-
205 |
208 | fsux_chart_散点图209 |#icon-fsux_tubiao_sandiantu210 |
211 |
-
212 |
215 | fsux_chart_对比图216 |#icon-fsux_tubiao_duibitu217 |
218 |
-
219 |
222 | fsux_chart_直方图223 |#icon-fsux_tubiao_zhifangtu224 |
225 |
-
226 |
229 | fsux_chart_桑基图230 |#icon-fsux_tubiao_sangjitu231 |
232 |
-
233 |
236 | fsux_chart_等高线图237 |#icon-fsux_tubiao_denggaoxiantu238 |
239 |
-
240 |
243 | fsux_chart_箱线图244 |#icon-fsux_tubiao_xiangxiantu245 |
246 |
-
247 |
250 | fsux_chart_热力图251 |#icon-fsux_tubiao_relitu252 |
253 |
-
254 |
257 | fsux_chart_南丁玫瑰图258 |#icon-fsux_tubiao_nandingmeiguitu259 |
260 |
-
261 |
264 | fsux_chart_百分比堆积柱状图265 |#icon-fsux_tubiao_baifenbiduijizhuzhuangtu266 |
267 |
-
268 |
271 | fsux_chart_百分比堆积条形图272 |#icon-fsux_tubiao_baifenbiduijitiaoxingtu273 |
274 |
-
275 |
278 | fsux_chart_关系图279 |#icon-fsux_tubiao_guanxitu280 |
281 |
-
282 |
285 | fsux_chart_子弹图286 |#icon-fsux_tubiao_zidantu287 |
288 |
-
289 |
292 | fsux_chart_玉玦图293 |#icon-fsux_tubiao_yujuetu294 |
295 |
-
296 |
299 | fsux_chart_色块图300 |#icon-fsux_tubiao_masaiketu301 |
302 |
-
303 |
306 | fsux_chart_马赛克图307 |#icon-fsux_tubiao_masaiketu1308 |
309 |
-
310 |
313 | fsux_chart_韦恩图314 |#icon-fsux_tubiao_weientu315 |
316 |
-
317 |
320 | fsux_chart_和弦图321 |#icon-fsux_tubiao_hexiantu322 |
323 |
-
324 |
327 | fsux_chart_卡吉图328 |#icon-fsux_tubiao_qiajitu329 |
330 |
-
331 |
334 | fsux_chart_螺旋图335 |#icon-fsux_tubiao_luoxuantu336 |
337 |
-
338 |
341 | fsux_chart_回归曲线图342 |#icon-fsux_tubiao_huiguiquxiantu343 |
344 |
-
345 |
348 | fsux_chart_分布曲线图349 |#icon-fsux_tubiao_fenbuquxiantu350 |
351 |
-
352 |
355 | fsux_chart_弧长链接图356 |#icon-fsux_tubiao_huchanglianjietu357 |
358 |
-
359 |
362 | fsux_chart_金字塔图363 |#icon-fsux_tubiao_jinzitatu364 |
365 |
-
366 |
369 | fsux_chart_统计地图370 |#icon-fsux_tubiao_tongjiditu371 |
372 |
-
373 |
376 | fsux_chart_轨迹地图377 |#icon-fsux_tubiao_guijiditu378 |
379 |
-
380 |
383 | fsux_chart_动态轨迹地图384 |#icon-fsux_tubiao_dongtaiguijiditu385 |
386 |
-
387 |
390 | fsux_chart_水球图391 |#icon-fsux_tubiao_shuiqiutu392 |
393 |
-
394 |
397 | fsux_chart_主题河流图398 |#icon-fsux_tubiao_zhutiheliutu399 |
400 |
symbol reference
402 |The steps are as follows:
403 |Step 1: Introduce the symbol code generated below the project:
404 |<script src="./iconfont.js"></script>
405 | Step 2: Add the generic css code (introduced once):
406 |<style type="text/css">
407 | .icon {
408 | width: 1em; height: 1em;
409 | vertical-align: -0.15em;
410 | fill: currentColor;
411 | overflow: hidden;
412 | }
413 | </style>
414 | Step 3: Pick the corresponding icon and get the class name, apply to the page:
415 |<svg class="icon" aria-hidden="true">
416 | <use xlink:href="#icon-xxx"></use>
417 | </svg>
418 |
419 |
](http://godban.github.io/browsers-support-badges/)IE / Edge | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari | [
](http://godban.github.io/browsers-support-badges/)Opera | [
](http://godban.github.io/browsers-support-badges/)Electron |
24 | | --------- | --------- | --------- | --------- | --------- | --------- |
25 | | IE9, IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions
26 |
27 |
28 | ## Links
29 |
30 | - [Home page](http://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=11859)
31 | - [Author's personal website](http://fsux.me/about.html)
32 |
33 | ## Development
34 |
35 | symbol reference
36 | The steps are as follows:
37 |
38 | ### Step 1: Introduce the symbol code generated below the project:
39 |
40 |