IconFont 图标

• 法律法规
  .icon-falvfagui
• 人力资源
  .icon-renliziyuan
• upload
  .icon-upload
• default
  .icon-default
• 报表
  .icon-msnui-pie-chart
• download
  .icon-download
• 字典
  .icon-zidian
• download
  .icon-download1
• 地区分析
  .icon-msnui-report-region
• 监察分析
  .icon-msnui-report-sec
• 监听分析
  .icon-msnui-report-listen
• 数据分析
  .icon-msnui-report-data
• 综合分析
  .icon-msnui-report-map
• upload
  .icon-upload1
• 权限_角色
  .icon-access_user
• 异常上报
  .icon-yichangshangbao
• back
  .icon-back
• upload
  .icon-upload2
• 菜单
  .icon-caidan
• Cancel
  .icon-cancel
• 项目
  .icon-xiangmu
• 资金统计
  .icon-zijintongji
• wf-flow-chart
  .icon-flowchart
• alarm
  .icon-alarm
• apartment
  .icon-apartment
• arrow-down-circle
  .icon-arrowdowncircle
• arrow-left-circle
  .icon-arrowleftcircle
• arrow-right-circle
  .icon-arrowrightcircle
• arrow-up-circle
  .icon-arrowupcircle
• book
  .icon-book
• calendar-full
  .icon-calendarfull
• camera
  .icon-camera
• cloud-upload
  .icon-cloudupload
• chart-bars
  .icon-chartbars
• checkmark-circle
  .icon-checkmarkcircle
• chevron-down-circle
  .icon-chevrondowncircle
• chevron-left-circle
  .icon-chevronleftcircle
• chevron-right-circle
  .icon-chevronrightcircle
• chevron-up-circle
  .icon-chevronupcircle
• circle-minus
  .icon-delete
• clock
  .icon-clock
• cloud-download
  .icon-clouddownload
• exit
  .icon-exit
• code
  .icon-code
• cog
  .icon-cog
• crop
  .icon-crop
• cross
  .icon-cross
• cross-circle
  .icon-crosscircle
• database
  .icon-database
• download
  .icon-download2
• enter
  .icon-enter
• enter-down
  .icon-enterdown
• envelope
  .icon-envelope
• indent-decrease
  .icon-indentdecrease
• exit-up
  .icon-exitup
• file-add
  .icon-fileadd
• file-empty
  .icon-fileempty
• hand
  .icon-hand
• highlight
  .icon-highlight
• history
  .icon-history
• home
  .icon-home
• indent-increase
  .icon-indentincrease
• layers
  .icon-layers
• leaf
  .icon-leaf
• license
  .icon-license
• line-spacing
  .icon-linespacing
• link
  .icon-link
• list
  .icon-list
• location
  .icon-location
• lock
  .icon-lock
• magnifier
  .icon-magnifier
• map
  .icon-map
• menu-circle
  .icon-menucircle
• move
  .icon-move
• music-note
  .icon-musicnote
• page-break
  .icon-pagebreak
• paperclip
  .icon-paperclip
• pencil
  .icon-pencil
• phone
  .icon-phone
• picture
  .icon-picture
• pie-chart
  .icon-piechart
• plus-circle
  .icon-pluscircle
• power-switch
  .icon-powerswitch
• printer
  .icon-printer
• question-circle
  .icon-questioncircle
• redo
  .icon-redo
• screen
  .icon-screen
• star
  .icon-star
• sync
  .icon-sync
• tablet
  .icon-tablet
• tag
  .icon-tag
• text-align-justify
  .icon-textalignjustify
• trash
  .icon-trash
• undo
  .icon-undo
• upload
  .icon-upload3
• user
  .icon-user
• company
  .icon-company
• 融资记录
  .icon-rzjl
• 隐患上报
  .icon-2
• 冻结
  .icon-dongjie
• 解冻
  .icon-jiedong
• 汇总报告
  .icon-a-dd-jg-report
• 法务
  .icon-c-law
• annotation
  .icon-annotation
• app-pai
  .icon-apppai
• application
  .icon-application
• area-chart
  .icon-areachart
• arrow-bottom-l
  .icon-arrowbottoml
• arrow-left-d-l
  .icon-arrowleftdl
• arrow-right-d-l
  .icon-arrowrightdl
• asterisk
  .icon-asterisk
• attachment
  .icon-attachment
• auto-align-24
  .icon-autoalign24
• auto-merge-cell
  .icon-automergecell
• bring-to-bottom
  .icon-bringtobottom
• calculaiton
  .icon-calculaiton
• chart-funnel-plot
  .icon-chartfunnelplot
• clock
  .icon-clock1
• close-c
  .icon-closec
• close-o
  .icon-closeo
• comment
  .icon-comment
• console
  .icon-console
• controler
  .icon-controler
• copy
  .icon-copy
• cut
  .icon-cut
• dashboard
  .icon-dashboard
• data-full
  .icon-datafull
• default-justified
  .icon-defaultjustified
• delete-row
  .icon-deleterow
• desktop
  .icon-desktop
• dpc
  .icon-dpc
• export-excel
  .icon-exportexcel
• format
  .icon-format
• forward-o
  .icon-forwardo
• globe-o-24
  .icon-globeo24
• help-o
  .icon-helpo
• lab-shut-down
  .icon-labshutdown
• loading
  .icon-loading
• locate-o
  .icon-locateo
• lock
  .icon-lock1
• node-collapse
  .icon-nodecollapse
• node-expand
  .icon-nodeexpand
• paste-l
  .icon-pastel
• pause-o
  .icon-pauseo
• permission
  .icon-permission
• phone-24
  .icon-phone24
• pie-3d-chart
  .icon-pie3dchart
• pie-chart
  .icon-piechart1
• plus-o
  .icon-pluso
• refresh-o
  .icon-refresho
• report
  .icon-report
• rmb
  .icon-rmb
• root
  .icon-root
• search-24
  .icon-search24
• share-from
  .icon-sharefrom
• stack
  .icon-stack
• stop-o
  .icon-stopo
• sync-o
  .icon-synco
• sync
  .icon-sync1
• tab
  .icon-tab
• table
  .icon-table
• task-empty
  .icon-taskempty
• task
  .icon-task
• text
  .icon-text
• thumnail
  .icon-thumnail
• unstack
  .icon-unstack
• user-o
  .icon-usero
• warning
  .icon-warning
• 编辑
  .icon-edit
• 报价单报表
  .icon-report-up
• save
  .icon-save
• 上报战法
  .icon-sbzf
• ppt
  .icon-ppt
• pdf
  .icon-pdf
• 预览
  .icon-yulan
• 角色管理
  .icon-jiaoseguanli
• 用户
  .icon-yonghu
• 角色
  .icon-role
• 保本付息
  .icon-baobenfuxi
• 融资
  .icon-rongzi
• 报表中心
  .icon-report-center
• 新建审批
  .icon-see-icon-m3-approval
• tab-贷款
  .icon-tabdaikuan
• 网上申报
  .icon-shenbao
• 人力资源
  .icon-renliziyuan1
• excel
  .icon-excel
• company
  .icon-dept
• 资金明细
  .icon-zijinmingxi
• 查询
  .icon-chaxun
• 项目资金计划
  .icon-tuijianxiangmu
• 确认收款
  .icon-querenshoukuan
• 资金明细
  .icon-mingxi
• 菜单
  .icon-caidan1
• report-purchase
  .icon-report1
• 融资
  .icon-rongzi1
• word
  .icon-word
• preview
  .icon-preview
• 项目
  .icon-xiangmu1
• 财务管理
  .icon-caiwuguanli
• 资金管理
  .icon-zijinguanli
• 财务管理
  .icon-caiwuguanli1
• 还款
  .icon-huankuan1
• 财政
  .icon-caizheng
• 资金明细
  .icon-zijinmingxi1

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"。