IconFont 图标

• network
  .cicon-snmp
• user
  .cicon-user
• cog
  .cicon-cog
• remove-sign
  .cicon-remove-sign
• trash
  .cicon-trash
• ma
  .cicon-gunicorn
• 通知
  .cicon-tongzhi
• bell
  .cicon-bell
• point
  .cicon-point
• overview
  .cicon-overview
• OneAPM Logo
  .cicon-oneapmlogo
• edit
  .cicon-edit
• dashboard
  .cicon-dashboard
• desktop
  .cicon-desktop
• 1422447574_700248-icon-1-cloud
  .cicon-pubu
• python
  .cicon-python
• linux
  .cicon-linux
• copy
  .cicon-copy
• download
  .cicon-download
• 眼睛
  .cicon-yanjing
• server
  .cicon-server
• file
  .cicon-file
• list-alt
  .cicon-listalt
• plus
  .cicon-plus
• Ai
  .cicon-ai
• Bi
  .cicon-bi
• Mi
  .cicon-mi
• S
  .cicon-supervisord
• question
  .cicon-question
• ruby
  .cicon-ruby
• play
  .cicon-play
• IIS
  .cicon-iis
• apache
  .cicon-apache
• memcached
  .cicon-memcached
• mongodb
  .cicon-mongodb
• mysql
  .cicon-mysql
• ngnix
  .cicon-nginx
• postgresql
  .cicon-postgresql
• redis
  .cicon-redis
• tomcat
  .cicon-tomcat
• activemq
  .cicon-activemq
• cassandra
  .cicon-cassandra
• couchbase
  .cicon-couchbase
• counchdb
  .cicon-couchdb
• docker
  .cicon-docker
• elasticsearch
  .cicon-elasticsearch
• kafka
  .cicon-kafka
• phpfpm
  .cicon-php_fpm
• rabbitmq
  .cicon-rabbitmq
• ct
  .cicon-ct
• zookeeper
  .cicon-zookeeper
• mesos
  .cicon-mesos
• solr
  .cicon-solr
• loading
  .cicon-loading
• php
  .cicon-php
• disable
  .cicon-disable
• windows
  .cicon-windows
• jianliao
  .cicon-jianliao
• N
  .cicon-nagios
• web_asset
  .cicon-singlePage
• gear
  .cicon-gearman
• bearychat
  .cicon-bearychat
• 仙人掌_cactus3
  .cicon-cacti
• onealert
  .cicon-onealert
• pause_down
  .cicon-pause
• microsoft sql server
  .cicon-sqlserver
• Hadoop
  .cicon-hdfs
• java
  .cicon-java
• ci右
  .cicon-right
• ci左
  .cicon-left
• Ci logo 2
  .cicon-ci
• ci logo 3
  .cicon-ci-large
• openstack
  .cicon-openstack
• nodejs-icon
  .cicon-nodejs
• 428. Network
  .cicon-haproxy
• 阿里云
  .cicon-aliyun
• sign out
  .cicon-exit

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="cicon cicon-xxx"></i>

"cicon"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。