# IconFont 图标

- 加
  #icon-jia
- 加
  #icon-jia1
- 定位
  #icon-dingwei
- 附近
  #icon-fujin
- appreciate
  #icon-appreciate
- check
  #icon-check
- close
  #icon-close
- edit
  #icon-edit
- emoji
  #icon-emoji
- favor_fill
  #icon-favorfill
- favor
  #icon-favor
- location_fill
  #icon-locationfill
- location
  #icon-location
- phone
  #icon-phone
- round_check_fill
  #icon-roundcheckfill
- search
  #icon-search
- taxi
  #icon-taxi
- time_fill
  #icon-timefill
- time
  #icon-time
- unfold
  #icon-unfold
- like_fill
  #icon-likefill
- like
  #icon-like
- notification_fill
  #icon-notificationfill
- notification
  #icon-notification
- evaluate
  #icon-evaluate
- pay
  #icon-pay
- send
  #icon-send
- shop
  #icon-shop
- ticket
  #icon-ticket
- back
  #icon-back
- list
  #icon-list
- scan
  #icon-scan
- settings
  #icon-settings
- question_fill
  #icon-questionfill
- question
  #icon-question
- shop_fill
  #icon-shopfill
- form
  #icon-form
- pic
  #icon-pic
- footprint
  #icon-footprint
- right
  #icon-right
- delete_fill
  #icon-deletefill
- refund
  #icon-refund
- cart
  #icon-cart
- qr_code
  #icon-qrcode
- remind
  #icon-remind
- delete
  #icon-delete
- profile
  #icon-profile
- home
  #icon-home
- cart_fill
  #icon-cartfill
- home_fill
  #icon-homefill
- address_book
  #icon-addressbook
- lock
  #icon-lock
- unlock
  #icon-unlock
- weibo
  #icon-weibo
- friend_add_fill
  #icon-friendaddfill
- friend_add
  #icon-friendadd
- friend_famous
  #icon-friendfamous
- friend
  #icon-friend
- goods
  #icon-goods
- selection
  #icon-selection
- present
  #icon-present
- round_add
  #icon-roundadd
- redpacket
  #icon-redpacket
- selection_fill
  #icon-selectionfill
- similar
  #icon-similar
- appreciate_fill
  #icon-appreciatefill
- info_fill
  #icon-infofill
- info
  #icon-info
- forward_fill
  #icon-forwardfill
- forward
  #icon-forward
- recharge_fill
  #icon-rechargefill
- recharge
  #icon-recharge
- vipcard
  #icon-vipcard
- friend_favor
  #icon-friendfavor
- 路线导航
  #icon-luxiandaohang
- share
  #icon-share
- bar_code
  #icon-barcode
- search_list
  #icon-searchlist
- service
  #icon-service
- sort
  #icon-sort
- 购物车2
  #icon-gouwuche2
- mobile
  #icon-mobile
- mobile_fill
  #icon-mobilefill
- 电话
  #icon-dianhua
- copy
  #icon-copy
- countdown_fill
  #icon-countdownfill
- countdown
  #icon-countdown
- notice_fill
  #icon-noticefill
- notice
  #icon-notice
- 婚庆02
  #icon-hunqing02
- choiceness_fill
  #icon-choicenessfill
- choiceness
  #icon-choiceness
- clothes_fill
  #icon-clothesfill
- clothes
  #icon-clothes
- creative
  #icon-creative
- bad
  #icon-bad
- focus
  #icon-focus
- 电话
  #icon-dianhua1
- apps
  #icon-apps
- pic_fill
  #icon-picfill
- 乐生活
  #icon-leshenghuo
- 订单
  #icon-dingdan
- hunban_婚纱摄影坑位80
  #icon-hunbanhunshasheyingkengwei80
- present_fill
  #icon-presentfill
- 美食
  #icon-meishi
- 美食
  #icon-meishi1
- album
  #icon-album
- 分享
  #icon-fenxiang
- 家政
  #icon-jiazheng
- 分享
  #icon-share1
- people_fill
  #icon-peoplefill
- people
  #icon-people
- repair
  #icon-repair
- repair_fill
  #icon-repairfill
- 酒店
  #icon-jiudian
- taoxiaopu
  #icon-taoxiaopu
- 我的
  #icon-wode
- 热门活动
  #icon-remenhuodong
- attention_fill
  #icon-attentionfill
- attention
  #icon-attention
- command_fill
  #icon-commandfill
- command
  #icon-command
- community_fill
  #icon-communityfill
- community
  #icon-community
- read
  #icon-read
- 电话
  #icon-weibiaoti3
- calendar
  #icon-calendar
- tag_fill
  #icon-tagfill
- tag
  #icon-tag
- group
  #icon-group
- post
  #icon-post
- write_fill
  #icon-writefill
- write
  #icon-write
- punch
  #icon-punch
- 酒店
  #icon-jiudian1
- add
  #icon-add
- move
  #icon-move
- safe
  #icon-safe
- message_fill
  #icon-messagefill
- profile_fill
  #icon-profilefill
- sponsor_fill
  #icon-sponsorfill
- sponsor
  #icon-sponsor
- 箭头
  #icon-jiantou
- WiFi
  #icon-wifi
- my
  #icon-my
- my_fill
  #icon-myfill
- 首页
  #icon-shouye
- 二维码
  #icon-erweima
- 排序箭头D
  #icon-paixujiantoud-copy
- 美食
  #icon-iconfonticonfontcanyin
- 箭头
  #icon-jiantou-copy
- 减
  #icon-jian
- text
  #icon-text
- 身份认证
  #icon-shenfenrenzheng
- goods_favor
  #icon-goodsfavor
- music_fill
  #icon-musicfill
- 汽车服务
  #icon-qichefuwu
- 群蜂wi-fi惠运动健身
  #icon-qunfengwifihuiyundongjianshen
- 群蜂wi-fi惠结婚
  #icon-qunfengwifihuijiehun
- 群蜂wi-fi惠生活服务
  #icon-qunfengwifihuishenghuofuwu
- app婚嫁实心
  #icon-apphunjiashixin
- triangle_down_fill
  #icon-triangledownfill
- triangle_up_fill
  #icon-triangleupfill
- 签到
  #icon-qiandao-copy
- 休闲娱乐
  #icon-xiuxianyule
- 丽人
  #icon-liren
- 收藏
  #icon-collect
- 收藏
  #icon-shoucang
- 投资（成败）-04
  #icon-touzichengbai04
- 投资（成败）-03
  #icon-touzichengbai03
- 签到
  #icon-iconfontqiandao
- 家居家装
  #icon-jiajujiazhuang
- 排序箭头U
  #icon-up
- 知识学习
  #icon-zhishixuexi
- 笑脸、成功
  #icon-xiaolianchenggong
- emoji_light
  #icon-emojilight
- round_add_light
  #icon-roundaddlight
- form_fill
  #icon-formfill
- sort_light
  #icon-sortlight
- 操作日志
  #icon-caozuorizhi
- 费用
  #icon-feiyong
- 单据
  #icon-danju
- 结算
  #icon-jiesuan
- 结算统计
  #icon-jiesuantongji
- 数据2
  #icon-shuju2
- 账单
  #icon-zhangdan
- 减
  #icon-jian1
- circle_fill
  #icon-circlefill
- circle
  #icon-circle
- attention_forbid
  #icon-attentionforbid
- pic_light
  #icon-piclight
- shop_light
  #icon-shoplight
- attention_favor_fill
  #icon-attentionfavorfill-copy
- 美元1
  #icon-meiyuan1
- 美元2
  #icon-meiyuan2
- 美元3
  #icon-meiyuan3
- 美元9
  #icon-meiyuan9
- 签到
  #icon-qiandao
- 外卖
  #icon-waimai
- 亲子
  #icon-qinzi
- 学习培训
  #icon-juxing31kaobei
- 外卖
  #icon-waimai1
- fj-健身房
  #icon-fjjianshenfang
- mail
  #icon-mail
- people_list
  #icon-peoplelist
- 失败
  #icon-shibai
- 母婴2
  #icon-muying2
- 箭头
  #icon-jiantoukongup
- 箭头
  #icon-kongup
- 签到
  #icon-qiandao1
- 募集成功
  #icon-mujichenggong
- 类目－粗－亲子
  #icon-leimucuqinzi
- goods_new_fill
  #icon-goodsnewfill
- goods_new
  #icon-goodsnew
- medal_fill
  #icon-medalfill
- medal
  #icon-medal
- news_fill
  #icon-newsfill
- news_hot_fill
  #icon-newshotfill
- news_hot
  #icon-newshot
- news
  #icon-news
- ask_fill
  #icon-askfill
- ask
  #icon-ask
- exit
  #icon-exit
- skin
  #icon-skin
- money_bag_fill
  #icon-moneybagfill
- money_bag
  #icon-moneybag
- 扫一扫
  #icon-saoyisao
- 加载失败
  #icon-jiazaishibai
- 家装
  #icon-jiazhuang
- redpacket_fill
  #icon-redpacket_fill
- subscription
  #icon-subscription
- 生活服务
  #icon-icon-yxj-life
- 健身房
  #icon-jianshenfang
- 对号
  #icon-duihao
- home_light
  #icon-home_light
- my_light
  #icon-my_light
- cart_light
  #icon-cart_light
- we_light
  #icon-we_light
- home_fill_light
  #icon-home_fill_light
- cart_fill_light
  #icon-cart_fill_light
- my_fill_light
  #icon-my_fill_light
- search_light
  #icon-search_light
- scan_light
  #icon-scan_light
- message_light
  #icon-message_light
- close_light
  #icon-close_light
- add_light
  #icon-add_light
- 失败
  #icon-face-failure-r
- profile_light
  #icon-profile_light
- service_light
  #icon-service_light
- edit_light
  #icon-edit_light
- camera_light
  #icon-camera_light
- hot_light
  #icon-hot_light
- refresh_light
  #icon-refresh_light
- back_light
  #icon-back_light
- share_light
  #icon-share_light
- comment_light
  #icon-comment_light
- 成功
  #icon-chenggong
- appreciate_fill_light
  #icon-appreciate_fill_light
- comment_fill_light
  #icon-comment_fill_light
- more_android_light
  #icon-more_android_light
- more_light
  #icon-more_light
- goods_new_fill_light
  #icon-goods_new_fill_light
- goods_new_light
  #icon-goods_new_light
- goods_light
  #icon-goods_light
- news_fill_light
  #icon-news_fill_light
- news_hot_fill_light
  #icon-news_hot_fill_light
- news_hot_light
  #icon-news_hot_light
- news_light
  #icon-news_light
- message_fill_light
  #icon-message_fill_light
- form_light
  #icon-form_light
- search_list_light
  #icon-search_list_light
- form_fill_light
  #icon-form_fill_light
- favor_fill_light
  #icon-favor_fill_light
- 搜索-搜索
  #icon-sousuo-sousuo
- 对号
  #icon-icon-test
- delete_light
  #icon-delete_light
- back_android
  #icon-back_android
- back_android_light
  #icon-back_android_light
- down_light
  #icon-down_light
- round_close_light
  #icon-round_close_light
- round_close_fill_light
  #icon-round_close_fill_light
- 成功失败-02
  #icon-chenggongshibai-
- 成功失败-01
  #icon-chenggongshibai-1
- expressman
  #icon-expressman
- punch_light
  #icon-punch_light
- evaluate_fill
  #icon-evaluate_fill
- 亲子 (1)
  #icon-qinzi1
- 丽人
  #icon-liren1
- furniture
  #icon-furniture
- dress
  #icon-dress
- coffee
  #icon-coffee
- sports
  #icon-sports
- 成功1
  #icon-chenggong1
- 摄像头
  #icon-xinxinicon
- 亲子版
  #icon-qinziban
- 搜索_搜索
  #icon-sousuo_sousuo

## symbol引用

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：

- 支持多色图标了，不再受单色限制。
- 通过一些技巧，支持像字体那样，通过`font-size`,`color`来调整样式。
- 兼容性较差，支持 ie9+,及现代浏览器。
- 浏览器渲染svg的性能一般，还不如png。

使用步骤如下：

### 第一步：引入项目下面生成的symbol代码：

    <script src="./iconfont.js"></script>

### 第二步：加入通用css代码（引入一次就行）：

    <style type="text/css">
    .icon {
       width: 1em; height: 1em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }
    </style>

### 第三步：挑选相应图标并获取类名，应用于页面：

    <svg class="icon" aria-hidden="true">
      <use xlink:href="#icon-xxx"></use>
    </svg>