# 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

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