# IconFont 图标

- appreciate
  .icon-appreciate
- check
  .icon-check
- close
  .icon-close
- edit
  .icon-edit
- emoji
  .icon-emoji
- favor_fill
  .icon-favorfill
- favor
  .icon-favor
- loading
  .icon-loading
- location_fill
  .icon-locationfill
- location
  .icon-location
- phone
  .icon-phone
- round_check_fill
  .icon-roundcheckfill
- round_check
  .icon-roundcheck
- round_close_fill
  .icon-roundclosefill
- round_close
  .icon-roundclose
- round_right_fill
  .icon-roundrightfill
- round_right
  .icon-roundright
- search
  .icon-search
- taxi
  .icon-taxi
- time_fill
  .icon-timefill
- time
  .icon-time
- unfold
  .icon-unfold
- warn_fill
  .icon-warnfill
- warn
  .icon-warn
- camera_fill
  .icon-camerafill
- camera
  .icon-camera
- comment_fill
  .icon-commentfill
- comment
  .icon-comment
- like_fill
  .icon-likefill
- like
  .icon-like
- notification_fill
  .icon-notificationfill
- notification
  .icon-notification
- order
  .icon-order
- evaluate
  .icon-evaluate
- pay
  .icon-pay
- send
  .icon-send
- shop
  .icon-shop
- ticket
  .icon-ticket
- wang
  .icon-wang
- back
  .icon-back
- cascades
  .icon-cascades
- discover
  .icon-discover
- list
  .icon-list
- more
  .icon-more
- scan
  .icon-scan
- settings
  .icon-settings
- question_fill
  .icon-questionfill
- question
  .icon-question
- shop_fill
  .icon-shopfill
- form
  .icon-form
- wang_fill
  .icon-wangfill
- pic
  .icon-pic
- filter
  .icon-filter
- footprint
  .icon-footprint
- top
  .icon-top
- pull_down
  .icon-pulldown
- pull_up
  .icon-pullup
- right
  .icon-right
- refresh
  .icon-refresh
- more_android
  .icon-moreandroid
- 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
- discover_fill
  .icon-discoverfill
- home_fill
  .icon-homefill
- message
  .icon-message
- address_book
  .icon-addressbook
- link
  .icon-link
- lock
  .icon-lock
- unlock
  .icon-unlock
- vip
  .icon-vip
- activity
  .icon-activity
- big
  .icon-big
- friend_add_fill
  .icon-friendaddfill
- friend_add
  .icon-friendadd
- friend_famous
  .icon-friendfamous
- friend
  .icon-friend
- goods
  .icon-goods
- selection
  .icon-selection
- explore
  .icon-explore
- present
  .icon-present
- square_check_fill
  .icon-squarecheckfill
- square
  .icon-square
- square_check
  .icon-squarecheck
- round
  .icon-round
- round_add_fill
  .icon-roundaddfill
- round_add
  .icon-roundadd
- add
  .icon-add
- notification_forbid_fill
  .icon-notificationforbidfill
- explore_fill
  .icon-explorefill
- fold
  .icon-fold
- game
  .icon-game
- 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
  .icon-recharge
- vipcard
  .icon-vipcard
- friend_favor
  .icon-friendfavor
- share
  .icon-share
- light_auto
  .icon-lightauto
- light_forbid
  .icon-lightforbid
- light_fill
  .icon-lightfill
- camera_rotate
  .icon-camerarotate
- light
  .icon-light
- bar_code
  .icon-barcode
- flashlight_close
  .icon-flashlightclose
- flashlight_open
  .icon-flashlightopen
- search_list
  .icon-searchlist
- service
  .icon-service
- sort
  .icon-sort
- 1212
  .icon-1212
- down
  .icon-down
- mobile
  .icon-mobile
- mobile_fill
  .icon-mobilefill
- copy
  .icon-copy
- countdown_fill
  .icon-countdownfill
- countdown
  .icon-countdown
- notice_fill
  .icon-noticefill
- notice
  .icon-notice
- qiang
  .icon-qiang
- upstage_fill
  .icon-upstagefill
- upstage
  .icon-upstage
- baby_fill
  .icon-babyfill
- baby
  .icon-baby
- brand_fill
  .icon-brandfill
- brand
  .icon-brand
- choiceness_fill
  .icon-choicenessfill
- choiceness
  .icon-choiceness
- clothes_fill
  .icon-clothesfill
- clothes
  .icon-clothes
- creative_fill
  .icon-creativefill
- creative
  .icon-creative
- female
  .icon-female
- keyboard
  .icon-keyboard
- male
  .icon-male
- new_fill
  .icon-newfill
- new
  .icon-new
- pull_left
  .icon-pullleft
- pull_right
  .icon-pullright
- rank_fill
  .icon-rankfill
- rank
  .icon-rank
- bad
  .icon-bad
- camera_add
  .icon-cameraadd
- focus
  .icon-focus
- friend_fill
  .icon-friendfill
- camera_add_fill
  .icon-cameraaddfill
- apps
  .icon-apps
- paint_fill
  .icon-paintfill
- paint
  .icon-paint
- pic_fill
  .icon-picfill
- refresh_arrow
  .icon-refresharrow
- mark_fill
  .icon-markfill
- mark
  .icon-mark
- present_fill
  .icon-presentfill
- repeal
  .icon-repeal
- album
  .icon-album
- people_fill
  .icon-peoplefill
- people
  .icon-people
- service_fill
  .icon-servicefill
- repair
  .icon-repair
- file
  .icon-file
- repair_fill
  .icon-repairfill
- taoxiaopu
  .icon-taoxiaopu
- attention_fill
  .icon-attentionfill
- attention
  .icon-attention
- command_fill
  .icon-commandfill
- command
  .icon-command
- community_fill
  .icon-communityfill
- community
  .icon-community
- read
  .icon-read
- calendar
  .icon-calendar
- cut
  .icon-cut
- magic
  .icon-magic
- backward_fill
  .icon-backwardfill
- forward_fill
  .icon-forwardfill1
- play_fill
  .icon-playfill
- stop
  .icon-stop
- tag_fill
  .icon-tagfill
- tag
  .icon-tag
- group
  .icon-group
- all
  .icon-all
- back_delete
  .icon-backdelete
- hot_fill
  .icon-hotfill
- hot
  .icon-hot
- post
  .icon-post
- radio_box
  .icon-radiobox
- round_down
  .icon-rounddown
- upload
  .icon-upload
- write_fill
  .icon-writefill
- write
  .icon-write
- radio_box_fill
  .icon-radioboxfill
- punch
  .icon-punch
- add
  .icon-add1
- move
  .icon-move
- safe
  .icon-safe
- crown_fill
  .icon-crownfill
- crown
  .icon-crown
- message_fill
  .icon-messagefill
- sponsor_fill
  .icon-sponsorfill
- sponsor
  .icon-sponsor
- my
  .icon-my
- my_fill
  .icon-myfill
- emoji_fill
  .icon-emojifill
- emoji_flash_fill
  .icon-emojiflashfill
- flashbuy_fill
  .icon-flashbuyfill-copy
- text
  .icon-text
- goods_favor
  .icon-goodsfavor
- triangle_down_fill
  .icon-triangledownfill
- triangle_up_fill
  .icon-triangleupfill
- pull_down
  .icon-pulldown1
- 想去
  .icon-xiangqu
- 多语言
  .icon-duoyuyan
- 飞机
  .icon-feiji
- 复制
  .icon-fuzhi
- 个人
  .icon-geren
- 货币兑换
  .icon-huobiduihuan
- 看过
  .icon-kanguo
- 目的地
  .icon-mudedi
- 钱
  .icon-qian
- 去过
  .icon-quguo
- 时间
  .icon-shijian
- 收藏
  .icon-shoucang
- 解锁
  .icon-jiesuo
- 想去
  .icon-xiangqu1
- 行程
  .icon-xingcheng
- 游记
  .icon-youji
- 赞
  .icon-zan
- list view
  .icon-listview
- 24小时前台
  .icon-24xiaoshiqiantai
- 图片
  .icon-tupian
- 购物
  .icon-gouwu
- tab_收起
  .icon-tabshouqi
- 浪漫
  .icon-langman
- 亲子
  .icon-qinzi
- 人文
  .icon-renwen
- 删除
  .icon-shanchu
- 设置
  .icon-shezhi
- 省钱
  .icon-shengqian
- 手机
  .icon-shouji
- 搜索
  .icon-sousuo
- 天气
  .icon-tianqi
- 图片
  .icon-tupian1
- 系统菜单
  .icon-xitongcaidan
- 系统返回
  .icon-xitongfanhui
- 智能优化
  .icon-zhinengyouhua
- 中转
  .icon-zhongzhuan
- 综合
  .icon-zonghe
- 分享
  .icon-fenxiang
- radio button
  .icon-radiobutton
- radio button_2
  .icon-radiobutton2
- 评论
  .icon-pinglun
- 编辑
  .icon-bianji
- 系统返回
  .icon-xitongfanhui1
- 系统菜单
  .icon-xitongcaidan1
- 收起
  .icon-shouqi
- 下拉
  .icon-xiala
- 下一步
  .icon-xiayibu
- 个人_2
  .icon-geren2
- 禁止的
  .icon-jinzhide
- 去过_2
  .icon-quguo2
- 步行
  .icon-buxing
- 差评
  .icon-chaping
- 个人_fill
  .icon-gerenfill
- 链接
  .icon-lianjie
- 收藏_fill
  .icon-shoucangfill
- 首页_fill
  .icon-shouyefill
- 首页
  .icon-shouye
- 提醒
  .icon-tixing
- 想去_fill
  .icon-xiangqufill
- 赞_fill
  .icon-zanfill
- round_add
  .icon-roundadd1
- round_close_fill
  .icon-roundclosefill1
- 多购物
  .icon-duogouwu
- 少购物
  .icon-shaogouwu
- 当地_fill
  .icon-dangdifill
- 当地
  .icon-dangdi
- tab_收起
  .icon-tabshouqi1
- tab_下拉
  .icon-tabxiala
- 高消费
  .icon-gaoxiaofei
- 简约的
  .icon-jianyuede
- 经济的
  .icon-jingjide
- 舒适的
  .icon-shushide
- 高端的
  .icon-gaoduande
- 奢华的
  .icon-shehuade
- 锦囊
  .icon-jinnang
- 码头
  .icon-matou
- 锁定
  .icon-suoding
- 增加
  .icon-zengjia
- 注意
  .icon-zhuyi
- 自由安排
  .icon-ziyouanpai
- round_close
  .icon-roundclose1
- radio button_2
  .icon-radiobutton21
- 半颗星
  .icon-bankexing
- 怎么玩
  .icon-zenyaowan
- 其他
  .icon-qita
- 返回
  .icon-fanhui
- 预定
  .icon-yuding
- 选择角标
  .icon-xuanzejiaobiao
- appreciate_light
  .icon-appreciatelight
- emoji_light
  .icon-emojilight
- 赞_S
  .icon-zans
- 看过_S
  .icon-kanguos
- list_组合
  .icon-listzuhe
- 验证码
  .icon-yanzhengma
- sort_light
  .icon-sortlight
- cardboard_forbid
  .icon-cardboardforbid
- circle_fill
  .icon-circlefill
- circle
  .icon-circle
- attention_favor_fill
  .icon-attentionfavorfill
- attention_favor
  .icon-attentionfavor
- profile_light
  .icon-profilelight
- pic_light
  .icon-piclight
- shop_light
  .icon-shoplight
- full
  .icon-full
- mail
  .icon-mail
- people_list
  .icon-peoplelist
- 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
- video_fill
  .icon-videofill
- video
  .icon-video
- ask_fill
  .icon-askfill
- ask
  .icon-ask
- exit
  .icon-exit
- skin_fill
  .icon-skinfill
- skin
  .icon-skin
- money_bag_fill
  .icon-moneybagfill
- usefull_fill
  .icon-usefullfill
- usefull
  .icon-usefull
- money_bag
  .icon-moneybag

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

> 实际情况中"iconfont"（font-family）需要修改为你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。