IconFont 图标

• 上传
  .Hui-iconfont-gotop
• 音乐
  .Hui-iconfont-music
• 标签
  .Hui-iconfont-tags
• 节日
  .Hui-iconfont-jieri
• 计时器
  .Hui-iconfont-jishiqi
• 平板电脑
  .Hui-iconfont-pad
• 轮胎
  .Hui-iconfont-lunzi
• 剪刀
  .Hui-iconfont-jiandao
• 显示器
  .Hui-iconfont-xianshiqi
• 照相机
  .Hui-iconfont-zhaoxiangji
• 单反相机
  .Hui-iconfont-danfanxiangji
• 打印机
  .Hui-iconfont-dayinji
• 网站主
  .Hui-iconfont-user-zhanzhang
• 插件
  .Hui-iconfont-chajian
• 排序
  .Hui-iconfont-arrow1-bottom
• 向左
  .Hui-iconfont-arrow1-left
• 向上
  .Hui-iconfont-arrow1-top
• 向右
  .Hui-iconfont-arrow1-right
• 节日
  .Hui-iconfont-jieri1
• 微笑
  .Hui-iconfont-face-weixiao
• 吃惊
  .Hui-iconfont-face-chijing
• 呆
  .Hui-iconfont-face-dai
• 耍酷
  .Hui-iconfont-face-shuaku
• 魔鬼
  .Hui-iconfont-face-mogui
• 尴尬
  .Hui-iconfont-face-ganga
• 亲
  .Hui-iconfont-face-qin
• 怒
  .Hui-iconfont-face-nu
• 眨眼
  .Hui-iconfont-face-zhayan
• 生气
  .Hui-iconfont-face-shengqi
• 骂
  .Hui-iconfont-face-ma
• 鄙视
  .Hui-iconfont-face-bishi
• 卖萌
  .Hui-iconfont-face-maimeng
• 惊呆
  .Hui-iconfont-face-jingdai
• 晕
  .Hui-iconfont-face-yun
• 首页
  .Hui-iconfont-home2
• 搜索
  .Hui-iconfont-search2
• 分享
  .Hui-iconfont-share2
• 表情
  .Hui-iconfont-face
• 物流
  .Hui-iconfont-wuliu
• 店铺
  .Hui-iconfont-dianpu
• 撤销
  .Hui-iconfont-chexiao
• 重做
  .Hui-iconfont-zhongzuo
• 赞扬
  .Hui-iconfont-zan
• 批评
  .Hui-iconfont-cai
• 语音
  .Hui-iconfont-yuyin3
• 购物车
  .Hui-iconfont-cart2-selected
• 位置
  .Hui-iconfont-weizhi
• 哭脸
  .Hui-iconfont-face-ku
• 下载
  .Hui-iconfont-down
• 购物车满
  .Hui-iconfont-cart2-man
• 购物车空
  .Hui-iconfont-card2-kong
• 录音
  .Hui-iconfont-luyin
• html
  .Hui-iconfont-html
• css
  .Hui-iconfont-css
• 安卓
  .Hui-iconfont-android
• github
  .Hui-iconfont-github
• html5
  .Hui-iconfont-html5
• 皇冠
  .Hui-iconfont-huangguan
• cmstop新闻
  .Hui-iconfont-news
• 切换器右
  .Hui-iconfont-slider-right
• 切换器左
  .Hui-iconfont-slider-left
• 图片
  .Hui-iconfont-tuku
• 输入
  .Hui-iconfont-shuru
• 电梯联系客服向右
  .Hui-iconfont-sanjiao
• 人人网
  .Hui-iconfont-share-renren
• 腾讯微博
  .Hui-iconfont-share-tweibo
• 返回
  .Hui-iconfont-arrow2-left
• 排序
  .Hui-iconfont-paixu
• 匿名
  .Hui-iconfont-niming
• 添加
  .Hui-iconfont-add
• 管理员
  .Hui-iconfont-root
• 选中
  .Hui-iconfont-xuanzhong
• 未选中
  .Hui-iconfont-weixuanzhong
• 向下
  .Hui-iconfont-arrow2-bottom
• 向上
  .Hui-iconfont-arrow2-top
• 喜欢
  .Hui-iconfont-like2
• 向右
  .Hui-iconfont-arrow2-right
• 上一首
  .Hui-iconfont-shangyishou
• 下一首
  .Hui-iconfont-xiayishou
• 微信
  .Hui-iconfont-share-weixin
• 停用
  .Hui-iconfont-shenhe-tingyong
• 启用
  .Hui-iconfont-gouxuan2
• 选择商品对勾
  .Hui-iconfont-selected
• 减号
  .Hui-iconfont-jianhao
• user
  .Hui-iconfont-user-group
• 已关注
  .Hui-iconfont-yiguanzhu
• 更多
  .Hui-iconfont-gengduo3
• 评论
  .Hui-iconfont-comment
• 柱状统计
  .Hui-iconfont-tongji-zhu
• 喜欢
  .Hui-iconfont-like
• bbg_上架
  .Hui-iconfont-shangjia
• 保存
  .Hui-iconfont-save
• 公司
  .Hui-iconfont-gongsi
• 系统管理
  .Hui-iconfont-system
• 衣服
  .Hui-iconfont-pifu
• 列表
  .Hui-iconfont-menu
• 通知管理
  .Hui-iconfont-msg
• 皇冠
  .Hui-iconfont-huangguan1
• 用户ID
  .Hui-iconfont-userid
• QC管理
  .Hui-iconfont-cang-selected
• 下载
  .Hui-iconfont-yundown
• 问题管理
  .Hui-iconfont-help
• 出库管理
  .Hui-iconfont-chuku
• 图片
  .Hui-iconfont-picture
• 温州银行
  .Hui-iconfont-wenzhouyinxing
• 统计管理
  .Hui-iconfont-ad
• 分类
  .Hui-iconfont-fenlei
• 扫一扫，猫客
  .Hui-iconfont-saoyisao
• 搜索，猫客
  .Hui-iconfont-search
• 图文详情
  .Hui-iconfont-tuwenxiangqing
• 累计评价
  .Hui-iconfont-leijipingjia
• 合同管理
  .Hui-iconfont-hetong
• 项目统计
  .Hui-iconfont-tongji
• 全部订单
  .Hui-iconfont-quanbudingdan
• 收藏商品
  .Hui-iconfont-cang
• 消息
  .Hui-iconfont-xiaoxi
• 任务管理
  .Hui-iconfont-renwu
• 关注-更多操作
  .Hui-iconfont-more
• 证照管理
  .Hui-iconfont-zhizhao
• 发布
  .Hui-iconfont-fabu
• 审核不通过
  .Hui-iconfont-shenhe-butongguo2
• qq
  .Hui-iconfont-share-qq
• 上传
  .Hui-iconfont-upload
• 添加
  .Hui-iconfont-add2
• 解锁
  .Hui-iconfont-jiesuo
• 中图模式
  .Hui-iconfont-zhongtumoshi
• 大图模式
  .Hui-iconfont-datumoshi
• 表情
  .Hui-iconfont-face2
• 换一批
  .Hui-iconfont-huanyipi
• 时间
  .Hui-iconfont-shijian
• 问题反馈
  .Hui-iconfont-feedback
• 修改or意见
  .Hui-iconfont-feedback2
• 朋友圈
  .Hui-iconfont-share-pengyouquan
• 点赞
  .Hui-iconfont-zan2
• 返回8
  .Hui-iconfont-arrow3-bottom
• 返回7
  .Hui-iconfont-arrow3-top
• 返回6
  .Hui-iconfont-arrow3-right
• 返回5
  .Hui-iconfont-arrow3-left
• 更多
  .Hui-iconfont-more2
• 收藏-选中
  .Hui-iconfont-cang2-selected
• 收藏
  .Hui-iconfont-cang2
• 合同管理
  .Hui-iconfont-dangan
• 资金管理
  .Hui-iconfont-money
• 微博
  .Hui-iconfont-share-weibo
• 消息管理
  .Hui-iconfont-email
• icon统计
  .Hui-iconfont-tongji-xian
• 信用卡还款
  .Hui-iconfont-bank
• home
  .Hui-iconfont-home
• user
  .Hui-iconfont-user
• 日志
  .Hui-iconfont-log
• 列表页面
  .Hui-iconfont-pages
• SIM卡
  .Hui-iconfont-sim
• 停止
  .Hui-iconfont-tingzhi
• 未预约
  .Hui-iconfont-dengdai
• 添加用户
  .Hui-iconfont-user-add
• copy
  .Hui-iconfont-copy
• file
  .Hui-iconfont-file
• 豆瓣
  .Hui-iconfont-share-douban
• CN_zhihu
  .Hui-iconfont-share-zhihu
• 导出
  .Hui-iconfont-daochu
• 导入
  .Hui-iconfont-daoru
• 未选
  .Hui-iconfont-weigouxuan2
• 电话
  .Hui-iconfont-phone
• bold
  .Hui-iconfont-bold
• 物流管理
  .Hui-iconfont-manage2
• 编辑
  .Hui-iconfont-edit
• 删除
  .Hui-iconfont-del2
• 对勾
  .Hui-iconfont-duigou
• 重启
  .Hui-iconfont-chongqi
• 用户头像
  .Hui-iconfont-avatar
• 删除
  .Hui-iconfont-del
• 编辑
  .Hui-iconfont-edit2
• 暂停
  .Hui-iconfont-zanting
• 苹果
  .Hui-iconfont-apple
• 光大银行
  .Hui-iconfont-guangdayinxing
• 民生银行
  .Hui-iconfont-minshengyinxing
• iconfont-下架
  .Hui-iconfont-xiajia
• 管理
  .Hui-iconfont-manage
• 用户2
  .Hui-iconfont-user2
• code
  .Hui-iconfont-code
• cut
  .Hui-iconfont-cut
• link
  .Hui-iconfont-link
• new
  .Hui-iconfont-new
• ordered-list
  .Hui-iconfont-ordered-list
• unordered-list
  .Hui-iconfont-unordered-list
• QQ空间
  .Hui-iconfont-share-qzone
• 锁定
  .Hui-iconfont-suoding
• 电话
  .Hui-iconfont-tel2
• 订单
  .Hui-iconfont-order
• 数据统计
  .Hui-iconfont-shujutongji
• 删除
  .Hui-iconfont-del3
• 添加
  .Hui-iconfont-add3
• 旅游资讯-更多
  .Hui-iconfont-add4
• 图标2_橡皮擦
  .Hui-iconfont-xiangpicha
• 密码 钥匙
  .Hui-iconfont-key
• 3.1语音-选中
  .Hui-iconfont-yuyin2
• 3.1语音
  .Hui-iconfont-yuyin
• 3.1关闭
  .Hui-iconfont-close
• 3.1选择
  .Hui-iconfont-xuanze
• 3.1选中
  .Hui-iconfont-xuanzhong1
• 3.1已关注店铺
  .Hui-iconfont-yiguanzhu1
• 3.1分享
  .Hui-iconfont-share
• 3.1转发
  .Hui-iconfont-zhuanfa
• 3.1多云
  .Hui-iconfont-tianqi-duoyun
• 3.1霾
  .Hui-iconfont-tianqi-mai
• 3.1晴
  .Hui-iconfont-tianqi-qing
• 3.1雾
  .Hui-iconfont-tianqi-wu
• 3.1雪
  .Hui-iconfont-tianqi-xue
• 3.1阴
  .Hui-iconfont-tianqi-yin
• 3.1雨
  .Hui-iconfont-tianqi-yu
• 3.1待评价
  .Hui-iconfont-daipingjia
• 3.1会员卡
  .Hui-iconfont-vip-card2
• 3.1积分
  .Hui-iconfont-jifen
• 3.1优惠券
  .Hui-iconfont-youhuiquan
• 3.1红包
  .Hui-iconfont-hongbao
• 3.1购物车-选中
  .Hui-iconfont-cart-selected
• 3.1购物车
  .Hui-iconfont-cart-kong
• 3.1-降价
  .Hui-iconfont-jiangjia
• 礼物 活动
  .Hui-iconfont-liwu
• 3.1-剪裁
  .Hui-iconfont-caiqie
• 3.1-旋转
  .Hui-iconfont-xuanzhuan
• 大图模式
  .Hui-iconfont-bigpic
• 列表模式
  .Hui-iconfont-list
• 中图模式
  .Hui-iconfont-middle
• 火热
  .Hui-iconfont-hot
• 3.1拍摄
  .Hui-iconfont-paishe
• 3.1-热销
  .Hui-iconfont-hot1
• 3.1-上新
  .Hui-iconfont-new1
• 3.1-消息
  .Hui-iconfont-xiaoxi1
• 3.1产品参数
  .Hui-iconfont-canshu
• 3.1电话
  .Hui-iconfont-tel
• 3.1定位
  .Hui-iconfont-dingwei
• 3.1优惠券
  .Hui-iconfont-hongbao2
• 3.1 二维码
  .Hui-iconfont-2code
• 3.1 会员
  .Hui-iconfont-vip
• 3.1提示
  .Hui-iconfont-tishi
• 3.1-订阅
  .Hui-iconfont-dingyue
• italic
  .Hui-iconfont-italic
• 预览
  .Hui-iconfont-yulan
• 客户管理
  .Hui-iconfont-usergroup2
• 所有商品
  .Hui-iconfont-goods
• 3.1-排行榜
  .Hui-iconfont-paixingbang
• 青岛银行
  .Hui-iconfont-qingdaoyinxing
• 3.1-客服
  .Hui-iconfont-kefu
• 背景管理
  .Hui-iconfont-picture1
• 未勾选
  .Hui-iconfont-weigouxuan
• 高挡墙
  .Hui-iconfont-fanqiang
• 审核不通过
  .Hui-iconfont-shenhe-weitongguo
• 审核通过
  .Hui-iconfont-shenhe-tongguo
• 数据统计
  .Hui-iconfont-tongji-bing
• 启用
  .Hui-iconfont-gouxuan
• 建设银行
  .Hui-iconfont-jiansheyinxing
• 随你后台-网站
  .Hui-iconfont-moban
• 微信支付
  .Hui-iconfont-pay-weixin-1
• 支付宝支付
  .Hui-iconfont-pay-alipay-2
• 北京银行
  .Hui-iconfont-beijingyinxing
• 广东发展银行
  .Hui-iconfont-guangdongfazhanyinxing
• 招商银行
  .Hui-iconfont-zhaoshangyinxing
• 浙商银行
  .Hui-iconfont-zheshangyinxing
• 中国农业银行
  .Hui-iconfont-zhongguonongyeyinxing
• 成都银行
  .Hui-iconfont-cdbank
• 更多
  .Hui-iconfont-gengduo2
• 播放
  .Hui-iconfont-bofang
• 更多
  .Hui-iconfont-gengduo4
• text-height
  .Hui-iconfont-text-height
• text-width
  .Hui-iconfont-text-width
• underline
  .Hui-iconfont-underline
• star
  .Hui-iconfont-star
• star-half
  .Hui-iconfont-star-half
• star-half-empty
  .Hui-iconfont-star-halfempty
• star-o
  .Hui-iconfont-star-o
• font
  .Hui-iconfont-font
• 杭州银行
  .Hui-iconfont-hangzhouyinxing
• 交通银行
  .Hui-iconfont-jiaotongyinxing
• 更多
  .Hui-iconfont-gengduo
• 个人中心
  .Hui-iconfont-avatar2
• 关闭
  .Hui-iconfont-close2
• 关于
  .Hui-iconfont-about
• 手机版
  .Hui-iconfont-phone-android
• 搜索
  .Hui-iconfont-search1
• 我的评价
  .Hui-iconfont-comment1
• 已读
  .Hui-iconfont-read
• 用户反馈
  .Hui-iconfont-feedback1
• 执业证
  .Hui-iconfont-practice
• align-center
  .Hui-iconfont-align-center
• align-justify
  .Hui-iconfont-align-justify
• align-left
  .Hui-iconfont-align-left
• align-right
  .Hui-iconfont-align-right
• paste
  .Hui-iconfont-paste
• 支付宝支付
  .Hui-iconfont-pay-alipay-1
• 浦发银行
  .Hui-iconfont-pufayinxing
• 工商银行
  .Hui-iconfont-gongshangyinxing
• 华夏银行
  .Hui-iconfont-huaxiayinxing
• 邮政银行
  .Hui-iconfont-youzhengyinxing
• 中国银行
  .Hui-iconfont-zhongguoyinxing
• 中信银行
  .Hui-iconfont-zhongxinyinxing
• 上海银行
  .Hui-iconfont-shanghaiyinxing
• 版主
  .Hui-iconfont-banzhu
• 阅读
  .Hui-iconfont-yuedu
• 阅读
  .Hui-iconfont-yanjing
• 电源
  .Hui-iconfont-power
• 模版
  .Hui-iconfont-moban-2
• qq
  .Hui-iconfont-qq-gray
• 钱包
  .Hui-iconfont-qianbao-1
• 批评
  .Hui-iconfont-piping
• 钱包
  .Hui-iconfont-qianbao-2
• 支付宝支付
  .Hui-iconfont-pay-alipay-3
• clock
  .Hui-iconfont-clock
• 竞价
  .Hui-iconfont-jingjia
• 微信
  .Hui-iconfont-weixin-fang
• 支付宝支付
  .Hui-iconfont-pay-alipay-4
• 微信 支付
  .Hui-iconfont-pay-weixin-2
• QQ
  .Hui-iconfont-QQ
• 钱包
  .Hui-iconfont-qianbao-3
• 微信
  .Hui-iconfont-weixin
• 支付宝支付
  .Hui-iconfont-pay-alipay-5

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

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