IconFont 图标
-
close.icon-close
-
emoji.icon-emoji
-
favor_fill.icon-favorfill
-
favor.icon-favor
-
location_fill.icon-locationfill
-
location.icon-location
-
round_check_fill.icon-roundcheckfill
-
round_check.icon-roundcheck
-
round_close_fill.icon-roundclosefill
-
round_close.icon-roundclose
-
time_fill.icon-timefill
-
time.icon-time
-
comment_fill.icon-commentfill
-
comment.icon-comment
-
like_fill.icon-likefill
-
like.icon-like
-
discover.icon-discover
-
more.icon-more
-
top.icon-top
-
delete.icon-delete
-
discover_fill.icon-discoverfill
-
ic_admin_me.icon-me
-
redpacket.icon-redpacket
-
selection_fill.icon-selectionfill
-
forward_fill.icon-forwardfill
-
forward.icon-forward
-
recharge_fill.icon-rechargefill
-
recharge.icon-recharge
-
phone.icon-phone
-
支付宝钱包.icon-zhifubaofill
-
转账.icon-zhuanzhang
-
手机通讯录.icon-contacts
-
设置.icon-shezhi
-
付款码.icon-fukuanma
-
search.icon-search
-
mark_fill.icon-markfill
-
mark.icon-mark
-
flower.icon-flower
-
share.icon-share
-
emoji-smile.icon-emojismile
-
crown_fill.icon-crownfill
-
crown.icon-crown
-
picture.icon-picture
-
Incentive bonuses.icon-bonus
-
link.icon-link
-
lightning.icon-lightning
-
right.icon-right-copy
-
download_2f.icon-download
-
07.icon-activity
-
23.icon-message
-
25.icon-weixin
-
29.icon-qq
-
diamond.icon-diamond
-
二维码.icon-qrcode
-
app.icon-app
-
me.icon-mefill
-
edit.icon-edit
-
diamond.icon-diamond1
-
camera-party-mode.icon-camera
-
home.icon-home
-
发起人.icon-faqiren
-
me1.icon-me1
-
scan.icon-scan
-
discover_line.icon-discoverline
-
discover_shape.icon-discovershape
-
book.icon-book
-
图片.icon-tupian
-
read.icon-readfill
-
pengyouquan.icon-pengyouquanfill
-
朋友圈.icon-pengyouquan
-
yxx_qqzone.icon-qqkongjian
-
yxx_alipay.icon-zhifubao
-
card.icon-card
-
set.icon-setting
-
iocn- left.icon-zuosvg
-
iocn-right.icon-yousvg
-
iocn-upward.icon-shangsvg
-
iocn- down.icon-xiasvg
-
评分.icon-pingfen
-
redpacket_fill.icon-redpacket_fill
-
flower.icon-flower1
-
7点赞2.icon-zaned
-
7点赞.icon-zan
-
QQ2.icon-qq1
-
微信2.icon-weixin1
-
女.icon-nv
-
男.icon-nan
-
selected.icon-selected
-
wifi-.icon-wifi
-
rank.icon-rank
-
example.icon-example
-
lightbulb.icon-light
-
ios-qr-scanner.icon-qr-scanner
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"。