IconFont 图标
-
上传#Hui-iconfont-gotop
-
音乐#Hui-iconfont-music
-
标签#Hui-iconfont-tags
-
节日#Hui-iconfont-jieri
-
计时器#Hui-iconfont-jishiqi
-
平板电脑#Hui-iconfont-pad
-
轮胎#Hui-iconfont-lunzi
-
剪刀#Hui-iconfont-jiandao
-
显示器#Hui-iconfont-xianshiqi
-
照相机#Hui-iconfont-zhaoxiangji
-
单反相机#Hui-iconfont-danfanxiangji
-
打印机#Hui-iconfont-dayinji
-
网站主#Hui-iconfont-user-zhanzhang
-
插件#Hui-iconfont-chajian
-
排序#Hui-iconfont-arrow1-bottom
-
向左#Hui-iconfont-arrow1-left
-
向上#Hui-iconfont-arrow1-top
-
向右#Hui-iconfont-arrow1-right
-
节日#Hui-iconfont-jieri1
-
微笑#Hui-iconfont-face-weixiao
-
吃惊#Hui-iconfont-face-chijing
-
呆#Hui-iconfont-face-dai
-
耍酷#Hui-iconfont-face-shuaku
-
魔鬼#Hui-iconfont-face-mogui
-
尴尬#Hui-iconfont-face-ganga
-
亲#Hui-iconfont-face-qin
-
怒#Hui-iconfont-face-nu
-
眨眼#Hui-iconfont-face-zhayan
-
生气#Hui-iconfont-face-shengqi
-
骂#Hui-iconfont-face-ma
-
鄙视#Hui-iconfont-face-bishi
-
卖萌#Hui-iconfont-face-maimeng
-
惊呆#Hui-iconfont-face-jingdai
-
晕#Hui-iconfont-face-yun
-
首页#Hui-iconfont-home2
-
搜索#Hui-iconfont-search2
-
分享#Hui-iconfont-share2
-
表情#Hui-iconfont-face
-
物流#Hui-iconfont-wuliu
-
店铺#Hui-iconfont-dianpu
-
撤销#Hui-iconfont-chexiao
-
重做#Hui-iconfont-zhongzuo
-
赞扬#Hui-iconfont-zan
-
批评#Hui-iconfont-cai
-
语音#Hui-iconfont-yuyin3
-
购物车#Hui-iconfont-cart2-selected
-
位置#Hui-iconfont-weizhi
-
哭脸#Hui-iconfont-face-ku
-
下载#Hui-iconfont-down
-
购物车满#Hui-iconfont-cart2-man
-
购物车空#Hui-iconfont-card2-kong
-
录音#Hui-iconfont-luyin
-
html#Hui-iconfont-html
-
css#Hui-iconfont-css
-
安卓#Hui-iconfont-android
-
github#Hui-iconfont-github
-
html5#Hui-iconfont-html5
-
皇冠#Hui-iconfont-huangguan
-
cmstop新闻#Hui-iconfont-news
-
切换器右#Hui-iconfont-slider-right
-
切换器左#Hui-iconfont-slider-left
-
图片#Hui-iconfont-tuku
-
输入#Hui-iconfont-shuru
-
电梯联系客服向右#Hui-iconfont-sanjiao
-
人人网#Hui-iconfont-share-renren
-
腾讯微博#Hui-iconfont-share-tweibo
-
返回#Hui-iconfont-arrow2-left
-
排序#Hui-iconfont-paixu
-
匿名#Hui-iconfont-niming
-
添加#Hui-iconfont-add
-
管理员#Hui-iconfont-root
-
选中#Hui-iconfont-xuanzhong
-
未选中#Hui-iconfont-weixuanzhong
-
向下#Hui-iconfont-arrow2-bottom
-
向上#Hui-iconfont-arrow2-top
-
喜欢#Hui-iconfont-like2
-
向右#Hui-iconfont-arrow2-right
-
上一首#Hui-iconfont-shangyishou
-
下一首#Hui-iconfont-xiayishou
-
微信#Hui-iconfont-share-weixin
-
停用#Hui-iconfont-shenhe-tingyong
-
启用#Hui-iconfont-gouxuan2
-
选择商品对勾#Hui-iconfont-selected
-
减号#Hui-iconfont-jianhao
-
user#Hui-iconfont-user-group
-
已关注#Hui-iconfont-yiguanzhu
-
更多#Hui-iconfont-gengduo3
-
评论#Hui-iconfont-comment
-
柱状统计#Hui-iconfont-tongji-zhu
-
喜欢#Hui-iconfont-like
-
bbg_上架#Hui-iconfont-shangjia
-
保存#Hui-iconfont-save
-
公司#Hui-iconfont-gongsi
-
系统管理#Hui-iconfont-system
-
衣服#Hui-iconfont-pifu
-
列表#Hui-iconfont-menu
-
通知管理#Hui-iconfont-msg
-
皇冠#Hui-iconfont-huangguan1
-
用户ID#Hui-iconfont-userid
-
QC管理#Hui-iconfont-cang-selected
-
下载#Hui-iconfont-yundown
-
问题管理#Hui-iconfont-help
-
出库管理#Hui-iconfont-chuku
-
图片#Hui-iconfont-picture
-
温州银行#Hui-iconfont-wenzhouyinxing
-
统计管理#Hui-iconfont-ad
-
分类#Hui-iconfont-fenlei
-
扫一扫,猫客#Hui-iconfont-saoyisao
-
搜索,猫客#Hui-iconfont-search
-
图文详情#Hui-iconfont-tuwenxiangqing
-
累计评价#Hui-iconfont-leijipingjia
-
合同管理#Hui-iconfont-hetong
-
项目统计#Hui-iconfont-tongji
-
全部订单#Hui-iconfont-quanbudingdan
-
收藏商品#Hui-iconfont-cang
-
消息#Hui-iconfont-xiaoxi
-
任务管理#Hui-iconfont-renwu
-
关注-更多操作#Hui-iconfont-more
-
证照管理#Hui-iconfont-zhizhao
-
发布#Hui-iconfont-fabu
-
审核不通过#Hui-iconfont-shenhe-butongguo2
-
qq#Hui-iconfont-share-qq
-
上传#Hui-iconfont-upload
-
添加#Hui-iconfont-add2
-
解锁#Hui-iconfont-jiesuo
-
中图模式#Hui-iconfont-zhongtumoshi
-
大图模式#Hui-iconfont-datumoshi
-
表情#Hui-iconfont-face2
-
换一批#Hui-iconfont-huanyipi
-
时间#Hui-iconfont-shijian
-
问题反馈#Hui-iconfont-feedback
-
修改or意见#Hui-iconfont-feedback2
-
朋友圈#Hui-iconfont-share-pengyouquan
-
点赞#Hui-iconfont-zan2
-
返回8#Hui-iconfont-arrow3-bottom
-
返回7#Hui-iconfont-arrow3-top
-
返回6#Hui-iconfont-arrow3-right
-
返回5#Hui-iconfont-arrow3-left
-
更多#Hui-iconfont-more2
-
收藏-选中#Hui-iconfont-cang2-selected
-
收藏#Hui-iconfont-cang2
-
合同管理#Hui-iconfont-dangan
-
资金管理#Hui-iconfont-money
-
微博#Hui-iconfont-share-weibo
-
消息管理#Hui-iconfont-email
-
icon统计#Hui-iconfont-tongji-xian
-
信用卡还款#Hui-iconfont-bank
-
home#Hui-iconfont-home
-
user#Hui-iconfont-user
-
日志#Hui-iconfont-log
-
列表页面#Hui-iconfont-pages
-
SIM卡#Hui-iconfont-sim
-
停止#Hui-iconfont-tingzhi
-
未预约#Hui-iconfont-dengdai
-
添加用户#Hui-iconfont-user-add
-
copy#Hui-iconfont-copy
-
file#Hui-iconfont-file
-
豆瓣#Hui-iconfont-share-douban
-
CN_zhihu#Hui-iconfont-share-zhihu
-
导出#Hui-iconfont-daochu
-
导入#Hui-iconfont-daoru
-
未选#Hui-iconfont-weigouxuan2
-
电话#Hui-iconfont-phone
-
bold#Hui-iconfont-bold
-
物流管理#Hui-iconfont-manage2
-
编辑#Hui-iconfont-edit
-
删除#Hui-iconfont-del2
-
对勾#Hui-iconfont-duigou
-
重启#Hui-iconfont-chongqi
-
用户头像#Hui-iconfont-avatar
-
删除#Hui-iconfont-del
-
编辑#Hui-iconfont-edit2
-
暂停#Hui-iconfont-zanting
-
苹果#Hui-iconfont-apple
-
光大银行#Hui-iconfont-guangdayinxing
-
民生银行#Hui-iconfont-minshengyinxing
-
iconfont-下架#Hui-iconfont-xiajia
-
管理#Hui-iconfont-manage
-
用户2#Hui-iconfont-user2
-
code#Hui-iconfont-code
-
cut#Hui-iconfont-cut
-
link#Hui-iconfont-link
-
new#Hui-iconfont-new
-
ordered-list#Hui-iconfont-ordered-list
-
unordered-list#Hui-iconfont-unordered-list
-
QQ空间#Hui-iconfont-share-qzone
-
锁定#Hui-iconfont-suoding
-
电话#Hui-iconfont-tel2
-
订单#Hui-iconfont-order
-
数据统计#Hui-iconfont-shujutongji
-
删除#Hui-iconfont-del3
-
添加#Hui-iconfont-add3
-
旅游资讯-更多#Hui-iconfont-add4
-
图标2_橡皮擦#Hui-iconfont-xiangpicha
-
密码 钥匙#Hui-iconfont-key
-
3.1语音-选中#Hui-iconfont-yuyin2
-
3.1语音#Hui-iconfont-yuyin
-
3.1关闭#Hui-iconfont-close
-
3.1选择#Hui-iconfont-xuanze
-
3.1选中#Hui-iconfont-xuanzhong1
-
3.1已关注店铺#Hui-iconfont-yiguanzhu1
-
3.1分享#Hui-iconfont-share
-
3.1转发#Hui-iconfont-zhuanfa
-
3.1多云#Hui-iconfont-tianqi-duoyun
-
3.1霾#Hui-iconfont-tianqi-mai
-
3.1晴#Hui-iconfont-tianqi-qing
-
3.1雾#Hui-iconfont-tianqi-wu
-
3.1雪#Hui-iconfont-tianqi-xue
-
3.1阴#Hui-iconfont-tianqi-yin
-
3.1雨#Hui-iconfont-tianqi-yu
-
3.1待评价#Hui-iconfont-daipingjia
-
3.1会员卡#Hui-iconfont-vip-card2
-
3.1积分#Hui-iconfont-jifen
-
3.1优惠券#Hui-iconfont-youhuiquan
-
3.1红包#Hui-iconfont-hongbao
-
3.1购物车-选中#Hui-iconfont-cart-selected
-
3.1购物车#Hui-iconfont-cart-kong
-
3.1-降价#Hui-iconfont-jiangjia
-
礼物 活动#Hui-iconfont-liwu
-
3.1-剪裁#Hui-iconfont-caiqie
-
3.1-旋转#Hui-iconfont-xuanzhuan
-
大图模式#Hui-iconfont-bigpic
-
列表模式#Hui-iconfont-list
-
中图模式#Hui-iconfont-middle
-
火热#Hui-iconfont-hot
-
3.1拍摄#Hui-iconfont-paishe
-
3.1-热销#Hui-iconfont-hot1
-
3.1-上新#Hui-iconfont-new1
-
3.1-消息#Hui-iconfont-xiaoxi1
-
3.1产品参数#Hui-iconfont-canshu
-
3.1电话#Hui-iconfont-tel
-
3.1定位#Hui-iconfont-dingwei
-
3.1优惠券#Hui-iconfont-hongbao2
-
3.1 二维码#Hui-iconfont-2code
-
3.1 会员#Hui-iconfont-vip
-
3.1提示#Hui-iconfont-tishi
-
3.1-订阅#Hui-iconfont-dingyue
-
italic#Hui-iconfont-italic
-
预览#Hui-iconfont-yulan
-
客户管理#Hui-iconfont-usergroup2
-
所有商品#Hui-iconfont-goods
-
3.1-排行榜#Hui-iconfont-paixingbang
-
青岛银行#Hui-iconfont-qingdaoyinxing
-
3.1-客服#Hui-iconfont-kefu
-
背景管理#Hui-iconfont-picture1
-
未勾选#Hui-iconfont-weigouxuan
-
高挡墙#Hui-iconfont-fanqiang
-
审核不通过#Hui-iconfont-shenhe-weitongguo
-
审核通过#Hui-iconfont-shenhe-tongguo
-
数据统计#Hui-iconfont-tongji-bing
-
启用#Hui-iconfont-gouxuan
-
建设银行#Hui-iconfont-jiansheyinxing
-
随你后台-网站#Hui-iconfont-moban
-
微信支付#Hui-iconfont-pay-weixin-1
-
支付宝支付#Hui-iconfont-pay-alipay-2
-
北京银行#Hui-iconfont-beijingyinxing
-
广东发展银行#Hui-iconfont-guangdongfazhanyinxing
-
招商银行#Hui-iconfont-zhaoshangyinxing
-
浙商银行#Hui-iconfont-zheshangyinxing
-
中国农业银行#Hui-iconfont-zhongguonongyeyinxing
-
成都银行#Hui-iconfont-cdbank
-
更多#Hui-iconfont-gengduo2
-
播放#Hui-iconfont-bofang
-
更多#Hui-iconfont-gengduo4
-
text-height#Hui-iconfont-text-height
-
text-width#Hui-iconfont-text-width
-
underline#Hui-iconfont-underline
-
star#Hui-iconfont-star
-
star-half#Hui-iconfont-star-half
-
star-half-empty#Hui-iconfont-star-halfempty
-
star-o#Hui-iconfont-star-o
-
font#Hui-iconfont-font
-
杭州银行#Hui-iconfont-hangzhouyinxing
-
交通银行#Hui-iconfont-jiaotongyinxing
-
更多#Hui-iconfont-gengduo
-
个人中心#Hui-iconfont-avatar2
-
关闭#Hui-iconfont-close2
-
关于#Hui-iconfont-about
-
手机版#Hui-iconfont-phone-android
-
搜索#Hui-iconfont-search1
-
我的评价#Hui-iconfont-comment1
-
已读#Hui-iconfont-read
-
用户反馈#Hui-iconfont-feedback1
-
执业证#Hui-iconfont-practice
-
align-center#Hui-iconfont-align-center
-
align-justify#Hui-iconfont-align-justify
-
align-left#Hui-iconfont-align-left
-
align-right#Hui-iconfont-align-right
-
paste#Hui-iconfont-paste
-
支付宝支付#Hui-iconfont-pay-alipay-1
-
浦发银行#Hui-iconfont-pufayinxing
-
工商银行#Hui-iconfont-gongshangyinxing
-
华夏银行#Hui-iconfont-huaxiayinxing
-
邮政银行#Hui-iconfont-youzhengyinxing
-
中国银行#Hui-iconfont-zhongguoyinxing
-
中信银行#Hui-iconfont-zhongxinyinxing
-
上海银行#Hui-iconfont-shanghaiyinxing
-
版主#Hui-iconfont-banzhu
-
阅读#Hui-iconfont-yuedu
-
阅读#Hui-iconfont-yanjing
-
电源#Hui-iconfont-power
-
模版#Hui-iconfont-moban-2
-
qq#Hui-iconfont-qq-gray
-
钱包#Hui-iconfont-qianbao-1
-
批评#Hui-iconfont-piping
-
钱包#Hui-iconfont-qianbao-2
-
支付宝支付#Hui-iconfont-pay-alipay-3
-
clock#Hui-iconfont-clock
-
竞价#Hui-iconfont-jingjia
-
微信#Hui-iconfont-weixin-fang
-
支付宝支付#Hui-iconfont-pay-alipay-4
-
微信 支付#Hui-iconfont-pay-weixin-2
-
QQ#Hui-iconfont-QQ
-
钱包#Hui-iconfont-qianbao-3
-
微信#Hui-iconfont-weixin
-
支付宝支付#Hui-iconfont-pay-alipay-5
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="#Hui-iconfont-xxx"></use>
</svg>