#

- 
  荷包蛋
  &#xe6a9;
- 
  冰糖葫芦
  &#xe6aa;
- 
  可颂
  &#xe6ab;
- 
  千层
  &#xe6ac;
- 
  蜂蜜
  &#xe6ad;
- 
  鲱鱼罐头
  &#xe6af;
- 
  生煎
  &#xe6b3;
- 
  油条
  &#xe6b4;
- 
  鱼子酱
  &#xe6b5;
- 
  竹筒饭
  &#xe6b8;
- 
  豆浆
  &#xe6b9;
- 
  三明治
  &#xe6ba;
- 
  泡芙
  &#xe6bb;
- 
  扇贝
  &#xe6bc;
- 
  蛋糕卷
  &#xe6bd;
- 
  伏特加
  &#xe6be;
- 
  黄油
  &#xe6bf;
- 
  香肠
  &#xe6c0;
- 
  班戟
  &#xe6c1;
- 
  蛋挞
  &#xe6c2;
- 
  青柠
  &#xe6c3;
- 
  辣椒
  &#xe6c4;
- 
  柿子
  &#xe6c5;
- 
  莫吉托
  &#xe6c6;
- 
  啤酒
  &#xe6c7;
- 
  葡萄酒
  &#xe6c8;
- 
  口香糖
  &#xe6c9;
- 
  香草冰淇淋
  &#xe6ca;
- 
  饺子
  &#xe6cb;
- 
  提拉米苏
  &#xe6cc;
- 
  火锅
  &#xe6cd;
- 
  红薯
  &#xe6ce;
- 
  冰块
  &#xe6cf;
- 
  棉花糖
  &#xe6d0;
- 
  刨冰
  &#xe6d1;
- 
  美式咖啡
  &#xe6d2;
- 
  馒头
  &#xe6d3;
- 
  汽水
  &#xe6d4;
- 
  橄榄
  &#xe6d5;
- 
  鸡肉卷
  &#xe6d6;
- 
  果冻
  &#xe6d7;
- 
  包子
  &#xe615;
- 
  苹果
  &#xe619;
- 
  橙子
  &#xe61b;
- 
  青椒
  &#xe61c;
- 
  鸡蛋
  &#xe61d;
- 
  西红柿
  &#xe61e;
- 
  芒果
  &#xe61f;
- 
  包菜
  &#xe620;
- 
  牛奶
  &#xe621;
- 
  面包
  &#xe622;
- 
  胡萝卜
  &#xe623;
- 
  章鱼
  &#xe624;
- 
  螃蟹
  &#xe625;
- 
  龙虾
  &#xe626;
- 
  洋葱
  &#xe627;
- 
  鲜肉
  &#xe628;
- 
  鸡腿
  &#xe62e;
- 
  花蛤
  &#xe630;
- 
  鲜鱼
  &#xe634;
- 
  蘑菇
  &#xe635;
- 
  茄子
  &#xe636;
- 
  西兰花
  &#xe637;
- 
  柠檬
  &#xe638;
- 
  榴莲
  &#xe639;
- 
  板栗
  &#xe63a;
- 
  三文鱼
  &#xe63c;
- 
  土豆
  &#xe63d;
- 
  西瓜
  &#xe63e;
- 
  南瓜
  &#xe63f;
- 
  火龙果
  &#xe640;
- 
  饭团
  &#xe641;
- 
  竹笋
  &#xe642;
- 
  水萝卜
  &#xe643;
- 
  山竹
  &#xe644;
- 
  蓝莓
  &#xe645;
- 
  石榴
  &#xe646;
- 
  椰子
  &#xe647;
- 
  甜瓜
  &#xe648;
- 
  猕猴桃
  &#xe649;
- 
  菠萝
  &#xe64a;
- 
  开心果
  &#xe64b;
- 
  核桃
  &#xe64c;
- 
  夏威夷果
  &#xe64d;
- 
  花生
  &#xe64e;
- 
  碧根果
  &#xe650;
- 
  葵花籽
  &#xe651;
- 
  松子
  &#xe652;
- 
  西瓜籽
  &#xe653;
- 
  巴旦木
  &#xe654;
- 
  腰果
  &#xe655;
- 
  蛋黄酥
  &#xe656;
- 
  蛋糕
  &#xe659;
- 
  饼干
  &#xe65b;
- 
  布丁
  &#xe65e;
- 
  糖果
  &#xe65f;
- 
  巧克力
  &#xe660;
- 
  红枣
  &#xe661;
- 
  蚕豆
  &#xe662;
- 
  葡萄干
  &#xe663;
- 
  蔓越莓
  &#xe664;
- 
  桃子
  &#xe665;
- 
  香蕉
  &#xe666;
- 
  草莓
  &#xe667;
- 
  牛油果
  &#xe669;
- 
  哈密瓜
  &#xe66a;
- 
  车厘子
  &#xe66b;
- 
  梨
  &#xe66c;
- 
  芭乐
  &#xe66d;
- 
  咖啡
  &#xe66e;
- 
  薯条
  &#xe66f;
- 
  珍珠奶茶
  &#xe670;
- 
  雪糕
  &#xe671;
- 
  奶酪
  &#xe672;
- 
  可乐
  &#xe673;
- 
  甜筒
  &#xe675;
- 
  汉堡
  &#xe677;
- 
  蟹籽寿司
  &#xe678;
- 
  爆米花
  &#xe679;
- 
  热狗
  &#xe67a;
- 
  马卡龙
  &#xe67b;
- 
  天妇罗
  &#xe67d;
- 
  橘子
  &#xe67e;
- 
  百香果
  &#xe67f;
- 
  葡萄
  &#xe680;
- 
  烧麦
  &#xe682;
- 
  玉米
  &#xe683;
- 
  枇杷
  &#xe684;
- 
  杨桃
  &#xe685;
- 
  柚子
  &#xe687;
- 
  莲雾
  &#xe688;
- 
  无花果
  &#xe689;
- 
  泡面
  &#xe68a;
- 
  豌豆
  &#xe68b;
- 
  黄瓜
  &#xe68d;
- 
  蒜头
  &#xe68e;
- 
  甜甜圈
  &#xe68f;
- 
  薯片
  &#xe690;
- 
  华夫饼
  &#xe692;
- 
  棒棒糖
  &#xe693;
- 
  寿司
  &#xe694;
- 
  荔枝
  &#xe695;
- 
  豆腐
  &#xe696;
- 
  抹茶
  &#xe697;
- 
  菠萝蜜
  &#xe698;
- 
  肘子
  &#xe699;
- 
  冰沙
  &#xe69a;
- 
  酸奶
  &#xe69b;
- 
  披萨
  &#xe69c;
- 
  海星
  &#xe69d;
- 
  海蜇
  &#xe69e;
- 
  铜锣烧
  &#xe69f;
- 
  糯米糍
  &#xe6a1;
- 
  矿泉水
  &#xe6a2;
- 
  肉夹馍
  &#xe6a3;
- 
  茶
  &#xe6a4;
- 
  章鱼小丸子
  &#xe6a5;
- 
  橙汁
  &#xe6a6;
- 
  圆菜头
  &#xe6a7;
- 
  白菜
  &#xe6a8;
- 
  分类
  &#xe613;
- 
  blog-solid
  &#xe633;
- 
  心率
  &#xe610;
- 
  形状-椭圆形
  &#xeb99;
- 
  广播
  &#xe6ae;
- 
  文字
  &#xe612;
- 
  205设置
  &#xe8b8;
- 
  搜索
  &#xe62f;
- 
  分类cur
  &#xe629;
- 
  右箭头
  &#xe68c;
- 
  close
  &#xe73e;
- 
  打赏1
  &#xe691;
- 
  分享
  &#xe614;
- 
  图标制作模版
  &#xe607;
- 
  mulu
  &#xe609;
- 
  链接
  &#xe60f;
- 
  智能网页灰色
  &#xe61a;
- 
  点赞
  &#xe616;
- 
  返回
  &#xe60e;
- 
  置顶
  &#xe739;
- 
  心_fill
  &#xe841;
- 
  可爱的
  &#xe60c;
- 
  like_fill
  &#xe668;
- 
  复制
  &#xe60d;
- 
  browse_fill
  &#xe6e4;
- 
  brush_fill
  &#xe6e5;
- 
  document_fill
  &#xe6f3;
- 
  label_fill
  &#xe706;
- 
  right
  &#xe721;
- 
  task_fill
  &#xe732;
- 
  marketing_fill
  &#xe74b;
- 
  comments
  &#xe617;
- 
  interactive-l
  &#xe63b;
- 
  code
  &#xe6f2;
- 
  browse
  &#xe745;
- 
  collection-fill
  &#xe79d;
- 
  flashlight-fill
  &#xefa3;
- 
  线性点赞图标
  &#xe674;
- 
  time-fill
  &#xe632;
- 喝
  线性点赞图标-copy
  &#xfa78;
- 
  hot
  &#xe618;
- 
  logo-qq
  &#xe676;
- 
  logo-weibo
  &#xe6b0;
- 
  logo-wechat
  &#xe6b1;
- 
  星,星星,星形,半星,实星
  &#xe9a1;
- 
  星,星星,星形,半星,实星
  &#xe9a2;
- 
  星,星星,星形,半星
  &#xe9a3;
- 
  gmail-logo
  &#xe606;
- 
  linkedin-logo
  &#xe608;
- 
  logo-html5
  &#xe8b6;
- 
  logo-wechat
  &#xe9e6;
- 
  腾讯云
  &#xee49;
- 
  bilibili-line
  &#xe7d6;
- 
  用研
  &#xe600;
- 
  facebook
  &#xe601;
- 
  订阅
  &#xe602;
- 
  qq
  &#xe603;
- 
  github
  &#xe604;
- 
  微软
  &#xe605;
- 
  schedule
  &#xecec;
- 
  home
  &#xe65c;
- 
  csdn
  &#xe60a;
- 
  book
  &#xe67c;
- 
  设置
  &#xe611;
- 
  咖啡
  &#xe60b;
- 
  发送
  &#xe6a0;
- 
  homepage_fill
  &#xe702;
- 
  logo
  &#xe75b;
- 
  logo-steam
  &#xe7a4;
- 
  logo-twitter
  &#xe7a6;
- 
  logo-markdown
  &#xe6f5;
- 
  G, google. logo
  &#xe6b2;
- 
  Instagram, logo
  &#xe6b6;
- 
  Youtube, logo
  &#xe6b7;
- 
  logo-reddit
  &#xe72a;
- 
  logo-wordpress
  &#xe72f;
- 
  logo-css3
  &#xe64f;
- 
  logo-pinterest
  &#xe658;
- 
  logo-octocat
  &#xe657;
- 
  logo-skype
  &#xe65a;
- 
  logo-tux
  &#xe65d;
- 
  npm
  &#xe74e;
- 
  logo-twitch
  &#xe8f5;
- 
  二维码
  &#xe631;
- 
  gitee-fill-round
  &#xe686;
- 
  logo_apple
  &#xe681;
- 
  logo_aliyun
  &#xe62a;
- 
  logo_gitlab
  &#xe62c;
- 
  logo_dingding
  &#xe62d;
- 
  logo_baidu
  &#xe62b;

## Unicode 引用

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

- 支持按字体的方式去动态调整图标大小，颜色等等。
- 默认情况下不支持多色，直接添加多色图标会自动去色。

> 注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）

Unicode 使用步骤如下：

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

    @font-face {
      font-family: 'iconfont';
      src: url('iconfont.eot?t=1660061945364'); /* IE9 */
      src: url('iconfont.eot?t=1660061945364#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('data:application/x-font-woff2;charset=utf-8;base64, ') format('woff2'),
           url('iconfont.woff?t=1660061945364') format('woff'),
           url('iconfont.ttf?t=1660061945364') format('truetype'),
           url('iconfont.svg?t=1660061945364#iconfont') format('svg');
    }

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

    .iconfont {
      font-family: "iconfont" !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

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

    <span class="iconfont">&#x33;</span>

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

- 荷包蛋
  icon-hebaodan
- 冰糖葫芦
  icon-bingtanghulu
- 可颂
  icon-kesong
- 千层
  icon-qianceng
- 蜂蜜
  icon-fengmi
- 鲱鱼罐头
  icon-feiyuguantou
- 生煎
  icon-shengjian
- 油条
  icon-youtiao
- 鱼子酱
  icon-yuzijiang
- 竹筒饭
  icon-zhutongfan
- 豆浆
  icon-doujiang
- 三明治
  icon-sanmingzhi
- 泡芙
  icon-paofu
- 扇贝
  icon-shanbei
- 蛋糕卷
  icon-dangaojuan
- 伏特加
  icon-futejia
- 黄油
  icon-huangyou
- 香肠
  icon-xiangchang
- 班戟
  icon-banji
- 蛋挞
  icon-danta
- 青柠
  icon-qingning
- 辣椒
  icon-lajiao
- 柿子
  icon-shizi
- 莫吉托
  icon-mojituo
- 啤酒
  icon-pijiu
- 葡萄酒
  icon-putaojiu
- 口香糖
  icon-kouxiangtang
- 香草冰淇淋
  icon-xiangcaobingqilin
- 饺子
  icon-jiaozi
- 提拉米苏
  icon-tilamisu
- 火锅
  icon-huoguo
- 红薯
  icon-hongshu
- 冰块
  icon-bingkuai
- 棉花糖
  icon-mianhuatang
- 刨冰
  icon-paobing
- 美式咖啡
  icon-meishikafei
- 馒头
  icon-mantou
- 汽水
  icon-qishui
- 橄榄
  icon-ganlan
- 鸡肉卷
  icon-jiroujuan
- 果冻
  icon-guodong
- 包子
  icon-baozi
- 苹果
  icon-pingguo
- 橙子
  icon-chengzi
- 青椒
  icon-qingjiao
- 鸡蛋
  icon-jidan
- 西红柿
  icon-xihongshi
- 芒果
  icon-mangguo
- 包菜
  icon-baocai
- 牛奶
  icon-niunai
- 面包
  icon-mianbao
- 胡萝卜
  icon-huluobu
- 章鱼
  icon-zhangyu
- 螃蟹
  icon-pangxie
- 龙虾
  icon-longxia
- 洋葱
  icon-yangcong
- 鲜肉
  icon-rou
- 鸡腿
  icon-jitui
- 花蛤
  icon-huage
- 鲜鱼
  icon-xianyu
- 蘑菇
  icon-mogu
- 茄子
  icon-qiezi
- 西兰花
  icon-xilanhua
- 柠檬
  icon-ningmeng
- 榴莲
  icon-liulian
- 板栗
  icon-banli
- 三文鱼
  icon-sanwenyu
- 土豆
  icon-tudou
- 西瓜
  icon-xigua
- 南瓜
  icon-nangua
- 火龙果
  icon-huolongguo
- 饭团
  icon-fantuan
- 竹笋
  icon-zhusun
- 水萝卜
  icon-shuiluobu
- 山竹
  icon-shanzhu
- 蓝莓
  icon-lanmei
- 石榴
  icon-shiliu
- 椰子
  icon-yezi
- 甜瓜
  icon-tiangua
- 猕猴桃
  icon-mihoutao
- 菠萝
  icon-boluo
- 开心果
  icon-kaixinguo
- 核桃
  icon-hetao
- 夏威夷果
  icon-xiaweiyiguo
- 花生
  icon-huasheng
- 碧根果
  icon-bigenguo
- 葵花籽
  icon-kuihuazi
- 松子
  icon-songzi
- 西瓜籽
  icon-xiguazi
- 巴旦木
  icon-badanmu
- 腰果
  icon-yaoguo
- 蛋黄酥
  icon-danhuangsu
- 蛋糕
  icon-dangao
- 饼干
  icon-binggan
- 布丁
  icon-buding
- 糖果
  icon-tangguo
- 巧克力
  icon-qiaokeli
- 红枣
  icon-hongzao
- 蚕豆
  icon-candou
- 葡萄干
  icon-putaogan
- 蔓越莓
  icon-manyuemei
- 桃子
  icon-taozi
- 香蕉
  icon-xiangjiao
- 草莓
  icon-caomei
- 牛油果
  icon-niuyouguo
- 哈密瓜
  icon-hamigua
- 车厘子
  icon-chelizi
- 梨
  icon-li
- 芭乐
  icon-bale
- 咖啡
  icon-kafei1
- 薯条
  icon-shutiao
- 珍珠奶茶
  icon-zhenzhunaicha
- 雪糕
  icon-xuegao
- 奶酪
  icon-nailao
- 可乐
  icon-kele
- 甜筒
  icon-tiantong
- 汉堡
  icon-hanbao
- 蟹籽寿司
  icon-xiezishousi
- 爆米花
  icon-baomihua
- 热狗
  icon-regou
- 马卡龙
  icon-makalong
- 天妇罗
  icon-tianfuluo
- 橘子
  icon-juzi
- 百香果
  icon-baixiangguo
- 葡萄
  icon-putao
- 烧麦
  icon-shaomai
- 玉米
  icon-yumi
- 枇杷
  icon-pipa
- 杨桃
  icon-yangtao
- 柚子
  icon-youzi
- 莲雾
  icon-lianwu
- 无花果
  icon-wuhuaguo
- 泡面
  icon-paomian
- 豌豆
  icon-wandou
- 黄瓜
  icon-huanggua
- 蒜头
  icon-suantou
- 甜甜圈
  icon-tiantianquan
- 薯片
  icon-shupian
- 华夫饼
  icon-huafubing
- 棒棒糖
  icon-bangbangtang
- 寿司
  icon-shousi
- 荔枝
  icon-lizhi
- 豆腐
  icon-doufu
- 抹茶
  icon-mocha
- 菠萝蜜
  icon-boluomi
- 肘子
  icon-zhouzi
- 冰沙
  icon-bingsha
- 酸奶
  icon-suannai
- 披萨
  icon-pisa
- 海星
  icon-haixing
- 海蜇
  icon-haizhe
- 铜锣烧
  icon-tongluoshao
- 糯米糍
  icon-nuomici
- 矿泉水
  icon-kuangquanshui
- 肉夹馍
  icon-roujiamo
- 茶
  icon-cha
- 章鱼小丸子
  icon-zhangyuxiaowanzi
- 橙汁
  icon-chengzhi
- 圆菜头
  icon-yuancaitou
- 白菜
  icon-baicai
- 分类
  icon-fenlei
- blog-solid
  icon-blog
- 心率
  icon-xinlv
- 形状-椭圆形
  icon-yuan
- 广播
  icon-guangbo
- 文字
  icon-article
- 205设置
  icon-shezhi-fill
- 搜索
  icon-sousuo
- 分类cur
  icon-fenleicur
- 右箭头
  icon-youjiantou
- close
  icon-close
- 打赏1
  icon-dashang
- 分享
  icon-fenxiang
- 图标制作模版
  icon-cnblogs
- mulu
  icon-mulu
- 链接
  icon-lianjie
- 智能网页灰色
  icon-website
- 点赞
  icon-unfollower
- 返回
  icon-fanhui
- 置顶
  icon-zhiding
- 心_fill
  icon-follower
- 可爱的
  icon-keaide
- like_fill
  icon-like-fill
- 复制
  icon-fuzhi
- browse_fill
  icon-browse-fill
- brush_fill
  icon-brush-fill
- document_fill
  icon-document-fill
- label_fill
  icon-label-fill
- right
  icon-right
- task_fill
  icon-task-fill
- marketing_fill
  icon-marketing-fill
- comments
  icon-comments
- interactive-l
  icon-interactive
- code
  icon-code
- browse
  icon-browse
- collection-fill
  icon-collection-fill
- flashlight-fill
  icon-flashlight-fill
- 线性点赞图标
  icon-dianzan
- time-fill
  icon-time-fill
- 线性点赞图标-copy
  icon-buzan
- hot
  icon-hot
- logo-qq
  icon-qq
- logo-weibo
  icon-weibo
- logo-wechat
  icon-wechat
- 星,星星,星形,半星,实星
  icon-star-full
- 星,星星,星形,半星,实星
  icon-star
- 星,星星,星形,半星
  icon-star-half
- gmail-logo
  icon-gmail
- linkedin-logo
  icon-linkedin
- logo-html5
  icon-html5
- logo-wechat
  icon-wechat-fill
- 腾讯云
  icon-tengxunyun
- bilibili-line
  icon-bilibili
- 用研
  icon-yongyan
- facebook
  icon-facebook
- 订阅
  icon-dingyue
- qq
  icon-qq-fill
- github
  icon-github
- 微软
  icon-weiruan
- schedule
  icon-schedule
- home
  icon-home
- csdn
  icon-csdn
- book
  icon-book
- 设置
  icon-shezhi
- 咖啡
  icon-kafei
- 发送
  icon-zhifeiji
- homepage_fill
  icon-home-fill
- logo
  icon-budaidise
- logo-steam
  icon-steam
- logo-twitter
  icon-twitter
- logo-markdown
  icon-markdown
- G, google. logo
  icon-google
- Instagram, logo
  icon-instagram
- Youtube, logo
  icon-youtube
- logo-reddit
  icon-reddit
- logo-wordpress
  icon-wordpress
- logo-css3
  icon-css
- logo-pinterest
  icon-pinterest
- logo-octocat
  icon-octocat
- logo-skype
  icon-skype
- logo-tux
  icon-tux
- npm
  icon-npm
- logo-twitch
  icon-twitch
- 二维码
  icon-erweima
- gitee-fill-round
  icon-gitee-fill
- logo_apple
  icon-apple
- logo_aliyun
  icon-aliyun
- logo_gitlab
  icon-gitlab
- logo_dingding
  icon-dingding
- logo_baidu
  icon-baidu

## font-class 引用

font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。

与 Unicode 使用方式相比，具有如下特点：

- 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
- 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。

使用步骤如下：

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

    <link rel="stylesheet" href="./iconfont.css">

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

    <span class="iconfont icon-xxx"></span>

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

- 荷包蛋
  #icon-hebaodan
- 冰糖葫芦
  #icon-bingtanghulu
- 可颂
  #icon-kesong
- 千层
  #icon-qianceng
- 蜂蜜
  #icon-fengmi
- 鲱鱼罐头
  #icon-feiyuguantou
- 生煎
  #icon-shengjian
- 油条
  #icon-youtiao
- 鱼子酱
  #icon-yuzijiang
- 竹筒饭
  #icon-zhutongfan
- 豆浆
  #icon-doujiang
- 三明治
  #icon-sanmingzhi
- 泡芙
  #icon-paofu
- 扇贝
  #icon-shanbei
- 蛋糕卷
  #icon-dangaojuan
- 伏特加
  #icon-futejia
- 黄油
  #icon-huangyou
- 香肠
  #icon-xiangchang
- 班戟
  #icon-banji
- 蛋挞
  #icon-danta
- 青柠
  #icon-qingning
- 辣椒
  #icon-lajiao
- 柿子
  #icon-shizi
- 莫吉托
  #icon-mojituo
- 啤酒
  #icon-pijiu
- 葡萄酒
  #icon-putaojiu
- 口香糖
  #icon-kouxiangtang
- 香草冰淇淋
  #icon-xiangcaobingqilin
- 饺子
  #icon-jiaozi
- 提拉米苏
  #icon-tilamisu
- 火锅
  #icon-huoguo
- 红薯
  #icon-hongshu
- 冰块
  #icon-bingkuai
- 棉花糖
  #icon-mianhuatang
- 刨冰
  #icon-paobing
- 美式咖啡
  #icon-meishikafei
- 馒头
  #icon-mantou
- 汽水
  #icon-qishui
- 橄榄
  #icon-ganlan
- 鸡肉卷
  #icon-jiroujuan
- 果冻
  #icon-guodong
- 包子
  #icon-baozi
- 苹果
  #icon-pingguo
- 橙子
  #icon-chengzi
- 青椒
  #icon-qingjiao
- 鸡蛋
  #icon-jidan
- 西红柿
  #icon-xihongshi
- 芒果
  #icon-mangguo
- 包菜
  #icon-baocai
- 牛奶
  #icon-niunai
- 面包
  #icon-mianbao
- 胡萝卜
  #icon-huluobu
- 章鱼
  #icon-zhangyu
- 螃蟹
  #icon-pangxie
- 龙虾
  #icon-longxia
- 洋葱
  #icon-yangcong
- 鲜肉
  #icon-rou
- 鸡腿
  #icon-jitui
- 花蛤
  #icon-huage
- 鲜鱼
  #icon-xianyu
- 蘑菇
  #icon-mogu
- 茄子
  #icon-qiezi
- 西兰花
  #icon-xilanhua
- 柠檬
  #icon-ningmeng
- 榴莲
  #icon-liulian
- 板栗
  #icon-banli
- 三文鱼
  #icon-sanwenyu
- 土豆
  #icon-tudou
- 西瓜
  #icon-xigua
- 南瓜
  #icon-nangua
- 火龙果
  #icon-huolongguo
- 饭团
  #icon-fantuan
- 竹笋
  #icon-zhusun
- 水萝卜
  #icon-shuiluobu
- 山竹
  #icon-shanzhu
- 蓝莓
  #icon-lanmei
- 石榴
  #icon-shiliu
- 椰子
  #icon-yezi
- 甜瓜
  #icon-tiangua
- 猕猴桃
  #icon-mihoutao
- 菠萝
  #icon-boluo
- 开心果
  #icon-kaixinguo
- 核桃
  #icon-hetao
- 夏威夷果
  #icon-xiaweiyiguo
- 花生
  #icon-huasheng
- 碧根果
  #icon-bigenguo
- 葵花籽
  #icon-kuihuazi
- 松子
  #icon-songzi
- 西瓜籽
  #icon-xiguazi
- 巴旦木
  #icon-badanmu
- 腰果
  #icon-yaoguo
- 蛋黄酥
  #icon-danhuangsu
- 蛋糕
  #icon-dangao
- 饼干
  #icon-binggan
- 布丁
  #icon-buding
- 糖果
  #icon-tangguo
- 巧克力
  #icon-qiaokeli
- 红枣
  #icon-hongzao
- 蚕豆
  #icon-candou
- 葡萄干
  #icon-putaogan
- 蔓越莓
  #icon-manyuemei
- 桃子
  #icon-taozi
- 香蕉
  #icon-xiangjiao
- 草莓
  #icon-caomei
- 牛油果
  #icon-niuyouguo
- 哈密瓜
  #icon-hamigua
- 车厘子
  #icon-chelizi
- 梨
  #icon-li
- 芭乐
  #icon-bale
- 咖啡
  #icon-kafei1
- 薯条
  #icon-shutiao
- 珍珠奶茶
  #icon-zhenzhunaicha
- 雪糕
  #icon-xuegao
- 奶酪
  #icon-nailao
- 可乐
  #icon-kele
- 甜筒
  #icon-tiantong
- 汉堡
  #icon-hanbao
- 蟹籽寿司
  #icon-xiezishousi
- 爆米花
  #icon-baomihua
- 热狗
  #icon-regou
- 马卡龙
  #icon-makalong
- 天妇罗
  #icon-tianfuluo
- 橘子
  #icon-juzi
- 百香果
  #icon-baixiangguo
- 葡萄
  #icon-putao
- 烧麦
  #icon-shaomai
- 玉米
  #icon-yumi
- 枇杷
  #icon-pipa
- 杨桃
  #icon-yangtao
- 柚子
  #icon-youzi
- 莲雾
  #icon-lianwu
- 无花果
  #icon-wuhuaguo
- 泡面
  #icon-paomian
- 豌豆
  #icon-wandou
- 黄瓜
  #icon-huanggua
- 蒜头
  #icon-suantou
- 甜甜圈
  #icon-tiantianquan
- 薯片
  #icon-shupian
- 华夫饼
  #icon-huafubing
- 棒棒糖
  #icon-bangbangtang
- 寿司
  #icon-shousi
- 荔枝
  #icon-lizhi
- 豆腐
  #icon-doufu
- 抹茶
  #icon-mocha
- 菠萝蜜
  #icon-boluomi
- 肘子
  #icon-zhouzi
- 冰沙
  #icon-bingsha
- 酸奶
  #icon-suannai
- 披萨
  #icon-pisa
- 海星
  #icon-haixing
- 海蜇
  #icon-haizhe
- 铜锣烧
  #icon-tongluoshao
- 糯米糍
  #icon-nuomici
- 矿泉水
  #icon-kuangquanshui
- 肉夹馍
  #icon-roujiamo
- 茶
  #icon-cha
- 章鱼小丸子
  #icon-zhangyuxiaowanzi
- 橙汁
  #icon-chengzhi
- 圆菜头
  #icon-yuancaitou
- 白菜
  #icon-baicai
- 分类
  #icon-fenlei
- blog-solid
  #icon-blog
- 心率
  #icon-xinlv
- 形状-椭圆形
  #icon-yuan
- 广播
  #icon-guangbo
- 文字
  #icon-article
- 205设置
  #icon-shezhi-fill
- 搜索
  #icon-sousuo
- 分类cur
  #icon-fenleicur
- 右箭头
  #icon-youjiantou
- close
  #icon-close
- 打赏1
  #icon-dashang
- 分享
  #icon-fenxiang
- 图标制作模版
  #icon-cnblogs
- mulu
  #icon-mulu
- 链接
  #icon-lianjie
- 智能网页灰色
  #icon-website
- 点赞
  #icon-unfollower
- 返回
  #icon-fanhui
- 置顶
  #icon-zhiding
- 心_fill
  #icon-follower
- 可爱的
  #icon-keaide
- like_fill
  #icon-like-fill
- 复制
  #icon-fuzhi
- browse_fill
  #icon-browse-fill
- brush_fill
  #icon-brush-fill
- document_fill
  #icon-document-fill
- label_fill
  #icon-label-fill
- right
  #icon-right
- task_fill
  #icon-task-fill
- marketing_fill
  #icon-marketing-fill
- comments
  #icon-comments
- interactive-l
  #icon-interactive
- code
  #icon-code
- browse
  #icon-browse
- collection-fill
  #icon-collection-fill
- flashlight-fill
  #icon-flashlight-fill
- 线性点赞图标
  #icon-dianzan
- time-fill
  #icon-time-fill
- 线性点赞图标-copy
  #icon-buzan
- hot
  #icon-hot
- logo-qq
  #icon-qq
- logo-weibo
  #icon-weibo
- logo-wechat
  #icon-wechat
- 星,星星,星形,半星,实星
  #icon-star-full
- 星,星星,星形,半星,实星
  #icon-star
- 星,星星,星形,半星
  #icon-star-half
- gmail-logo
  #icon-gmail
- linkedin-logo
  #icon-linkedin
- logo-html5
  #icon-html5
- logo-wechat
  #icon-wechat-fill
- 腾讯云
  #icon-tengxunyun
- bilibili-line
  #icon-bilibili
- 用研
  #icon-yongyan
- facebook
  #icon-facebook
- 订阅
  #icon-dingyue
- qq
  #icon-qq-fill
- github
  #icon-github
- 微软
  #icon-weiruan
- schedule
  #icon-schedule
- home
  #icon-home
- csdn
  #icon-csdn
- book
  #icon-book
- 设置
  #icon-shezhi
- 咖啡
  #icon-kafei
- 发送
  #icon-zhifeiji
- homepage_fill
  #icon-home-fill
- logo
  #icon-budaidise
- logo-steam
  #icon-steam
- logo-twitter
  #icon-twitter
- logo-markdown
  #icon-markdown
- G, google. logo
  #icon-google
- Instagram, logo
  #icon-instagram
- Youtube, logo
  #icon-youtube
- logo-reddit
  #icon-reddit
- logo-wordpress
  #icon-wordpress
- logo-css3
  #icon-css
- logo-pinterest
  #icon-pinterest
- logo-octocat
  #icon-octocat
- logo-skype
  #icon-skype
- logo-tux
  #icon-tux
- npm
  #icon-npm
- logo-twitch
  #icon-twitch
- 二维码
  #icon-erweima
- gitee-fill-round
  #icon-gitee-fill
- logo_apple
  #icon-apple
- logo_aliyun
  #icon-aliyun
- logo_gitlab
  #icon-gitlab
- logo_dingding
  #icon-dingding
- logo_baidu
  #icon-baidu

## Symbol 引用

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

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

使用步骤如下：

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

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

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

    <style>
    .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>