# IconFont 图标

- 
  underline
  &#xe639;
- 
  article
  &#xe676;
- 
  error
  &#xe633;
- 
  outdent
  &#xe678;
- 
  bold
  &#xe681;
- 
  indent
  &#xe635;
- 
  lock
  &#xe638;
- 
  user
  &#xe6a0;
- 
  余额宝
  &#xe602;
- 
  国际汇款
  &#xe614;
- 
  sale
  &#xe68e;
- 
  Category
  &#xe699;
- 
  success
  &#xe6b1;
- 
  wrong
  &#xe6b8;
- 
  friend
  &#xe679;
- 
  map
  &#xe690;
- 
  系统进程
  &#xe72f;
- 
  free 2
  &#xe65e;
- 
  group
  &#xe753;
- 
  loading
  &#xe611;
- 
  JUSTIFY ALL
  &#xe686;
- 
  user
  &#xe654;
- 
  italic
  &#xe7fe;
- 
  add
  &#xe67a;
- 
  upload
  &#xe675;
- 
  loading
  &#xe631;
- 
  Tag star-18
  &#xe625;
- 
  eraser
  &#xe641;
- 
  edit
  &#xe600;
- 
  sync
  &#xe692;
- 
  time
  &#xe689;
- 
  vip
  &#xe61d;
- 
  loading
  &#xeb0e;
- 
  lock
  &#xe62e;
- 
  success-icon
  &#xe634;
- 
  bad
  &#xe716;
- 
  good
  &#xe718;
- 
  loading
  &#xe684;
- 
  快递配送
  &#xe6ce;
- 
  日志
  &#xe7c3;
- 
  invite friends
  &#xe69e;
- 
  right
  &#xe670;
- 
  link
  &#xe65d;
- 
  share
  &#xe98b;
- 
  礼物
  &#xe6a4;
- 
  svg_group_people
  &#xe691;
- 
  ordered_list
  &#xe637;
- 
  二维码
  &#xe693;
- 
  待付款
  &#xe6a3;
- 
  银行卡
  &#xe644;
- 
  warning
  &#xe67f;
- 
  海报
  &#xe609;
- 
  strikethrough
  &#xe735;
- 
  购物车
  &#xe63f;
- 
  购物车添加
  &#xe640;
- 
  垃圾箱
  &#xe645;
- 
  扫一扫
  &#xe649;
- 
  上翻
  &#xe64a;
- 
  收货地址
  &#xe64e;
- 
  刷新
  &#xe650;
- 
  锁
  &#xe652;
- 
  提示
  &#xe653;
- 
  我的订单
  &#xe655;
- 
  我的反馈
  &#xe656;
- 
  我的红包
  &#xe657;
- 
  role
  &#xe64b;
- 
  下翻
  &#xe65b;
- 
  眼睛
  &#xe661;
- 
  意见反馈
  &#xe662;
- 
  照相机
  &#xe663;
- 
  消息中心
  &#xe665;
- 
  new
  &#xe667;
- 
  已完成订单
  &#xe6a5;
- 
  导航
  &#xe658;
- 
  多语言
  &#xe65a;
- 
  个人
  &#xe65c;
- 
  货币兑换
  &#xe668;
- 
  tree
  &#xe845;
- 
  图片
  &#xe695;
- 
  系统返回
  &#xe6b6;
- 
  系统菜单
  &#xe6b7;
- 
  当地
  &#xe6d7;
- 
  分红方式
  &#xe6a7;
- 
  多语言
  &#xe6b4;
- 
  查分类
  &#xe694;
- 
  save
  &#xe747;
- 
  loading
  &#xe632;
- 
  选择角标
  &#xe717;
- 
  setting
  &#xe64c;
- 
  换货保障
  &#xe669;
- 
  7
  &#xe67d;
- 
  免
  &#xe67e;
- 
  待付款
  &#xe6a6;
- 
  主页
  &#xe608;
- 
  卡1-01
  &#xe6b5;
- 
  cloud to upload-云上传
  &#xe71a;
- 
  礼物
  &#xe685;
- 
  语音
  &#xe687;
- 
  message
  &#xe6f0;
- 
  主页
  &#xe60c;
- 
  group-profile-users
  &#xe69f;
- 
  time
  &#xe68f;
- 
  回复
  &#xe6ba;
- 
  商品
  &#xe6bb;
- 
  ico-back
  &#xe6b2;
- 
  分销
  &#xe6ae;
- 
  微信
  &#xe6bd;
- 
  10210_setting_Edition
  &#xe6b9;
- 
  money
  &#xe697;
- 
  treeView
  &#xe615;
- 
  商品_p
  &#xe6bf;
- 
  calendar
  &#xe68a;
- 
  运费
  &#xe6c0;
- 
  date
  &#xe613;
- 
  left
  &#xe617;
- 
  right
  &#xe618;
- 
  error
  &#xe603;
- 
  bankcard
  &#xe696;
- 
  user
  &#xe61a;
- 
  RMB
  &#xe61c;
- 
  channel
  &#xe728;
- 
  添加规格
  &#xe6b3;
- 
  prev
  &#xe628;
- 
  next
  &#xe629;
- 
  undo
  &#xe601;
- 
  angle-double-left
  &#xe68c;
- 
  angle-double-right
  &#xe68b;
- 
  region
  &#xe698;
- 
  up
  &#xe62a;
- 
  down
  &#xe62b;
- 
  smile
  &#xe69a;
- 
  提现
  &#xe6c1;
- 
  系统(2)
  &#xe6c3;
- 
  证书
  &#xe6af;
- 
  picture
  &#xe630;
- 
  微信公众号
  &#xe6c4;
- 
  dashboard-regular
  &#xe6c5;
- 
  囤货贷
  &#xe6c2;
- 
  交易
  &#xe6c6;
- 
  icon_net_cloud_download
  &#xe60d;
- 
  contact
  &#xe67c;
- 
  交易记录
  &#xe6c7;
- 
  待付款
  &#xe6aa;
- 
  店铺
  &#xe6c8;
- 
  商品分类
  &#xe6c9;
- 
  block
  &#xe62c;
- 
  exit
  &#xe6a8;
- 
  user
  &#xe6a9;
- 
  search
  &#xe6ca;
- 
  订单
  &#xe636;
- 
  分类
  &#xe69d;
- 
  qr-code
  &#xe651;
- 
  二维码
  &#xe6a1;
- 
  服务
  &#xe6cb;
- 
  模板管理
  &#xe6cc;
- 
  component
  &#xe75e;
- 
  component-filling
  &#xe75f;
- 
  color
  &#xe760;
- 
  正常返利订单
  &#xe6a2;
- 
  已发货
  &#xe6ad;
- 
  color-filling
  &#xe7cd;
- 
  Movie - Alt
  &#xe66a;
- 
  Play
  &#xe672;
- 
  redo
  &#xe642;
- 
  交易总额
  &#xe6cd;
- 
  我的卡券
  &#xe624;
- 
  我的积分
  &#xe626;
- 
  hint
  &#xe69c;
- 
  angle-double-right
  &#xe68d;
- 
  ico_convenienceStore
  &#xe62f;
- 
  ico_wallet
  &#xe66f;
- 
  price
  &#xe6fc;
- 
  工作台
  &#xe6cf;
- 
  back-up
  &#xe682;
- 
  任务
  &#xe6bc;
- 
  message
  &#xe8ac;
- 
  system
  &#xe64d;
- 
  收货地址
  &#xe6ab;
- 
  code
  &#xe648;
- 
  Tag star-18
  &#xe605;
- 
  icon-Power station system-Completion rate
  &#xe64f;
- 
  套餐
  &#xe72e;
- 
  cry
  &#xe623;
- 
  Language
  &#xe659;
- 
  reduce
  &#xe736;
- 
  08-属性
  &#xe6be;
- 
  个人资料
  &#xe61f;
- 
  213收藏
  &#xe8c2;
- 
  213收藏-线性
  &#xe8c3;
- 
  log
  &#xe65f;
- 
  history
  &#xe683;
- 
  unordered-list
  &#xe707;
- 
  设置
  &#xe63c;
- 
  硬件服务器
  &#xe647;
- 
  CPU
  &#xe66b;
- 
  内存条
  &#xe66c;
- 
  服务器
  &#xe66d;
- 
  中间件
  &#xe66e;
- 
  play
  &#xe61e;
- 
  数据库
  &#xe677;
- 
  Movie
  &#xe86a;
- 
  View
  &#xe8cb;
- 
  区域代理1
  &#xe748;
- 
  角色权限
  &#xe6d1;
- 
  我的工单
  &#xe688;
- 
  推广
  &#xe620;
- 
  trust
  &#xe82a;
- 
  VIP
  &#xe606;
- 
  患者报告1
  &#xe612;
- 
  每日计划1
  &#xe616;
- 
  任务提醒1
  &#xe619;
- 
  数据统计1
  &#xe61b;
- 
  数据管理1
  &#xe621;
- 
  用户反馈1
  &#xe627;
- 
  vip
  &#xe60b;
- 
  消息
  &#xe86f;
- 
  店铺
  &#xe895;
- 
  订单 待付款
  &#xe896;
- 
  订单集合
  &#xe898;
- 
  购物
  &#xe899;
- 
  购物车
  &#xe89a;
- 
  红包
  &#xe89b;
- 
  帮助
  &#xe8a3;
- 
  费用包含
  &#xe8a4;
- 
  返回
  &#xe8a5;
- 
  感叹号02
  &#xe8a6;
- 
  更多
  &#xe8a7;
- 
  会员
  &#xe8a8;
- 
  加
  &#xe8a9;
- 
  减
  &#xe8aa;
- 
  时间
  &#xe8ab;
- 
  笑脸
  &#xe8ad;
- 
  正确
  &#xe8ae;
- 
  success
  &#xe666;
- 
  icon银行卡管理
  &#xe60e;
- 
  积分
  &#xe60f;
- 
  会员卡
  &#xe6d2;
- 
  Selected
  &#xe610;
- 
  口令
  &#xe8e0;
- 
  握手，交易
  &#xe6d3;
- 
  icon-dashbord
  &#xe646;
- 
  edit
  &#xe604;
- 
  task
  &#xe660;
- 
  folder
  &#xe83b;
- 
  Info
  &#xe680;
- 
  退货保障
  &#xe6d0;
- 
  table
  &#xe643;
- 
  link
  &#xe63a;
- 
  成年人 男
  &#xe8e2;
- 
  成年人 女
  &#xe8e3;
- 
  个人资料
  &#xe60a;
- 
  排列
  &#xe8e6;
- 
  排行
  &#xe8e7;
- 
  articles2
  &#xe607;
- 
  Align-JustifyCenter
  &#xe63b;
- 
  Align-JustifyLeft
  &#xe63d;
- 
  Align-JustifyAll
  &#xe62d;
- 
  Align-JustifyRight
  &#xe63e;
- 
  素材
  &#xe622;
- 
  待发货
  &#xe6ac;
- 
  log-out
  &#xe67b;
- 
  menu
  &#xe673;
- 
  Qr-code
  &#xe671;
- 
  Commodity collection
  &#xe69b;
- 
  menu
  &#xe674;
- 
  tenant
  &#xe664;
- 
  arrow-double-right-o
  &#xe987;
- 
  arrow-double-left-o
  &#xe988;
- 
  分销
  &#xe6b0;
- 
  bank_trasfer
  &#xe710;

## unicode引用

unicode是字体在网页端最原始的应用方式，特点是：

- 兼容性最好，支持ie6+，及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小，颜色等等。
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。

> 注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式

unicode使用步骤如下：

### 第一步：拷贝项目下面生成的font-face

    @font-face {
      font-family: 'icon-font';
      src: url('iconfont.eot');
      src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#icon-font') format('svg');
    }

### 第二步：定义使用iconfont的样式

    .icon-font{
      font-family:"icon-font" !important;
      font-size:16px;font-style:normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
    }

### 第三步：挑选相应图标并获取字体编码，应用于页面

    <i class="icon-font">&#x33;</i>

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