IconFont 图标
-
用户#icon-user
-
退出#icon-tuichu
-
键盘#icon-keyboard
-
菜单#icon-iconfontcaidan
-
客服#icon-kefu
-
微信#icon-weixin1
-
问题反馈#icon-phonedateicon26
-
电话#icon-phone
-
联系我们 电话#icon-lianxiwomendianhua
-
微信#icon-weixin3
-
用户#icon-yonghu
-
facebook#icon-facebook
-
系统#icon-xitong
-
客服#icon-kefu3
-
闪电#icon-shandianpeisong
-
眼睛#icon-ai-eye
-
月费率#icon-yuefeilv
-
选择-勾选#icon-choosehandle
-
邮箱#icon-youxiang
-
箭头#icon-jiantou
-
平台公告#icon-pingtaigonggao
-
充值#icon-chongzhi
-
须知#icon-xuzhi
-
安全#icon-iconfontanquan
-
mfcd_微店_当前位置#icon-icon_location
-
提现#icon-tixian
-
箭头-下#icon-jiantou1-copy-copy
-
BTY1#icon-bty1
-
交易管理#icon-jiaoyiguanli
-
提现#icon-tixian1
-
闪电#icon-shandian
-
邮箱#icon-tubiao01
-
qq#icon-qq
-
菜单#icon-ego-caidan
-
美元#icon-meiyuan
-
arrow-down#icon-arrow-down
-
arrow-up#icon-arrow-up
-
专业技能#icon-zhuanyejineng
-
密码#icon-mima
-
急速退款#icon-jisutuikuan
-
安全设置#icon-weibiaoti
-
手机#icon-shouji1
-
成功#icon-chenggong
-
ETH#icon-ETH
-
BTY#icon-BTY2
-
ETC#icon-ETC
-
BTC#icon-BTC
-
BTC#icon-BTC1
-
微信#icon-weixin2
-
QQ群#icon-QQqun1
-
客服QQ#icon-kefuQQ
-
QQ群#icon-QQqun
-
价值评估-01#icon-jiazhipinggu-
-
电话#icon-dianhua
-
服务#icon-fuwu
-
机构资产#icon-asset
-
M-资产面板-比特币#icon-M-zichanmianban-bitebi
-
手机#icon-shouji
-
nav-资产管理#icon-nav-asset-manage
-
交易#icon-jiaoyi
-
币种#icon-bizhong
-
微信#icon-weixin
-
客服#icon-kefu1
-
BTS1#icon-BTS3
-
BTS#icon-BTS
-
SC#icon-SC
-
ZEC#icon-ZEC
-
SC1#icon-SC3
-
LTC#icon-LTC
-
ETC#icon-ETC1
-
ETH#icon-ETH1
-
风险提示#icon-fengxiant
-
BCC#icon-BCC
-
BCC1#icon-BCC1
-
闪电#icon-shandian1
-
分享#icon-fenxiang
-
热线电话图标#icon-hotphone
-
账户设置-已认证#icon-yirenzheng
-
飞机-01#icon-feiji-
-
ltc#icon-ltc
-
在线客服#icon-kefu2
-
ZEC1#icon-ZEC1
-
返回#icon-fanhui
-
dcr#icon-DCR3
-
fx66#icon-fx
-
logo-1-19#icon-logo--1
-
ZEC#icon-ZEC2
-
BTS#icon-BTS1
-
ETC#icon-ETCUSDT
-
BCC#icon-BCC2
-
LTC#icon-LTC1
-
BTC#icon-BTC2
-
ETH#icon-ETH2
-
M-资产面板-比特币#icon-M-zichanmianban-bitebi1
-
SC#icon-SC1
-
BTC#icon-BTCUSDT-copy
-
BCC#icon-BCCUSDT-copy
-
ETH#icon-ETHUSDT-copy
-
ETC#icon-ETCUSDT-copy
-
ZEC#icon-ZECUSDT-copy
-
LTC#icon-LTCUSDT-copy
-
BTS#icon-BTSUSDT-copy
-
SC#icon-SCUSDT-copy
-
BCC#icon-BCCBTC-copy
-
ETH#icon-ETHBTC-copy
-
ETC#icon-ETCBTC-copy
-
ZEC#icon-ZECBTC-copy
-
LTC#icon-LTCBTC-copy
-
BTY#icon-BTY
-
BTY#icon-BTYUSDT-copy
-
BTY#icon-BTYBTC-copy
-
风险提示#icon-fengxiant-copy
-
DCR#icon-DCR
-
DCR#icon-DCRUSDT-copy
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>