IconFont 图标

• arrow-up
  .icon-arrowup
• 重置
  .icon-zhongzhi
• 系统
  .icon-xitong
• 保存
  .icon-baocun
• component
  .icon-component
• star
  .icon-star
• plus
  .icon-plus
• 邮件
  .icon-mail
• 通知
  .icon-tongzhi
• 提示
  .icon-tishi
• ok
  .icon-ok
• star
  .icon-star1
• arrow-down
  .icon-arrow-down
• arrow-down
  .icon-arrow-up
• design
  .icon-design
• 短信
  .icon-duanxin
• NC cloud logo
  .icon-nccloud
• NC cloud HR
  .icon-nccloudhr
• alarmsmd
  .icon-alarmsmd
• arrow-down
  .icon-arrowdown
• bookmarks
  .icon-bookmarks
• favorite
  .icon-favorite
• help
  .icon-help
• home
  .icon-home
• more
  .icon-more
• pc-mac
  .icon-pcmac
• search
  .icon-search
• setting01
  .icon-setting01
• setting02
  .icon-setting02
• text
  .icon-text
• uesrs
  .icon-uesrs
• cancel
  .icon-cancel
• adduser
  .icon-adduser
• dustbin
  .icon-dustbin
• more-barrow
  .icon-morebarrow
• picture
  .icon-picture
• app-icon
  .icon-appicon
• information-icon
  .icon-informationicon
• organization-icon
  .icon-organizationicon
• user-icon
  .icon-usericon
• more-icon
  .icon-moreicon
• money
  .icon-money
• form_three
  .icon-formthree
• date
  .icon-date
• date1
  .icon-date1
• mtext
  .icon-mtext
• form_two
  .icon-formtwo
• mobilephone
  .icon-mobilephone
• mail
  .icon-mail1
• more_barrow
  .icon-morebarrow1
• text
  .icon-text1
• checkbox
  .icon-checkbox
• Radio
  .icon-radio
• enclosure
  .icon-enclosure
• form
  .icon-form
•  Setting
  .icon-setting
• input
  .icon-input
• phone
  .icon-phone
• add
  .icon-add
• lock
  .icon-lock
• palette
  .icon-palette
• system management
  .icon-systemmanagement
• message
  .icon-message
• adduser
  .icon-adduser02
• link
  .icon-link
• linkbreak
  .icon-linkbreak
• pencil
  .icon-pencil
• delete
  .icon-delete
• cancel
  .icon-cancel02
• confirm
  .icon-confirm
• plus
  .icon-s-plus
• plus
  .icon-xs-plus
• authorization-icon
  .icon-authorizationicon
• select-icon
  .icon-selecticon
• account-icon
  .icon-accounticon
• password-icon
  .icon-passwordicon
• hidden text-icon
  .icon-hiddentexticon
• pin-icon
  .icon-pinicon
• 设计
  .icon-icon4
• auto hidden-icon
  .icon-autohiddenicon
• admin-icon
  .icon-adminicon
• arrow-icon
  .icon-arrowicon
• row2column
  .icon-row2column
• row3column
  .icon-row3column
• tablelayout
  .icon-tablelayout
• childtable
  .icon-childtable
• canvas
  .icon-canvas
• component
  .icon-component1
• property
  .icon-property
• youyuncai
  .icon-youyuncai
• regisered
  .icon-regisered
• logout
  .icon-logout
• part
  .icon-part
• personalized
  .icon-personalized
• skin
  .icon-skin
• user management
  .icon-usermanagement
• layout
  .icon-layout
• pack up
  .icon-packup
• max
  .icon-max
• mini
  .icon-mini
• unfold
  .icon-unfold
• management
  .icon-management
• template
  .icon-template
• admin management
  .icon-adminmanagement
• admin menu
  .icon-adminmenu
• application
  .icon-application
• company
  .icon-company
• license
  .icon-license
• menu
  .icon-menu
• role management
  .icon-rolemanagement
• small authorization
  .icon-smallauthorization
• the widget
  .icon-thewidget
• 部门
  .icon-bumen
• 编辑图形
  .icon-bianjituxing
• 发送
  .icon-jian
• head
  .icon-head
• 小部件授权
  .icon-xiaobujianshouquan
• arrow-right
  .icon-arrowright
• arrow-left
  .icon-arrowleft
• 企业
  .icon-qiyegongchangjianzhu
• shenqing
  .icon-shenqing
• sousuo1
  .icon-sousuo1
• sousuo2
  .icon-sousuo2
• 管理员
  .icon-guanliyuan
• 重置
  .icon-zhongzhi1
• 角色
  .icon-jiaose
• 密码策略
  .icon-mimacelve
• 安全日志
  .icon-anquanrizhi
• 编码规则定义
  .icon-bianmaguizedingyi
• 布局管理
  .icon-bujuguanli
• 编码规映射
  .icon-bianmaguiyingshe
• 查询模板管理
  .icon-chaxunmobanguanli
• 查询模板设计
  .icon-chaxunmobansheji
• 调度任务监控
  .icon-tiaodurenwujiankong
• 调度任务日志
  .icon-tiaodurenwurizhi
• 流程定义
  .icon-liuchengdingyi
• 角色分配用户
  .icon-jiaosefenpeiyonghu
• 集成系统管理
  .icon-jichengxitongguanli
• 流程监控
  .icon-liuchengjiankong
• 流程统计
  .icon-liuchengtongji
• 任务插件
  .icon-renwuchajian
• 流程消息设置
  .icon-liuchengxiaoxishezhi
• 流程设置
  .icon-liuchengshezhi
• 事件配置界面
  .icon-shijianpeizhijiemian
• 输出模板管理
  .icon-shuchumobanguanli
• 数据权限
  .icon-shujuquanxian
• 消息监控
  .icon-xiaoxijiankong
• 输出模板设计
  .icon-shuchumobansheji
• 业务单元
  .icon-yewudanyuan
• 消息模板管理
  .icon-xiaoximobanguanli
• 消息通道配置
  .icon-xiaoxitongdaopeizhi
• 消息中心
  .icon-xiaoxizhongxin
• 业务日志
  .icon-yewurizhi
• 元数据管理
  .icon-yuanshujuguanli
• 用户映射
  .icon-yonghuyingshe
• license监控
  .icon-licensejiankong
• UI模板设计
  .icon-UImobansheji
• UI模板管理
  .icon-UImobanguanli
• 调度任务管理
  .icon-tiaodurenwuguanli

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_iform icon-xxx"></i>

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