IconFont 图标
-
address
-
android-arrow-drople
-
android-arrow-dropdo
-
android-arrow-dropri
-
android-arrow-dropup
-
arrow-down
-
arrow-left
-
chat-bubble-right
-
chat-bubble-left
-
back
-
arrow-right
-
arrow-up
-
calendar
-
check
-
checkbox-default
-
close
-
cny
-
checkbox-checked
-
clock
-
collection
-
crop
-
delete
-
comment
-
download
-
dot
-
colorpicker
-
edit
-
drag
-
email-verify-invalid
-
email
-
email-verify-success
-
email-verify-fail
-
error
-
face
-
favorite-fill
-
favorite
-
flower
-
like-fill
-
like
-
h-menu
-
home
-
info
-
live-course
-
loading
-
magic
-
mic-open
-
minus
-
mic-close
-
nav
-
move
-
phone
-
play-button
-
player-fullscreen-en
-
password
-
player-fullscreen-ex
-
player-stop
-
player-play
-
player-pause
-
plus
-
player-mute
-
player-volume
-
radio-checked
-
qq
-
qrcode
-
radio-default
-
refresh-double
-
question
-
refresh-single
-
search
-
service
-
settings
-
share-baidu
-
resource
-
share-alipay
-
share-facebook
-
share-behance
-
share-gplus
-
share-links
-
share-pengyou
-
share-pinterest
-
share-email
-
share-qzone
-
share-douban
-
share-linkedin
-
share-qq
-
share-renren
-
share-taobao
-
share-tianya
-
share-timeline
-
share-twitter
-
share-tieba
-
share-tqq
-
share-wangyi
-
share-weibo
-
share
-
share-yixin
-
share-weixin
-
success
-
time
-
tqq
-
telephone
-
user-name
-
user-nickname
-
user-profile
-
upload
-
user-truename
-
v-menu
-
user
-
warn
-
weibo
-
weixin
-
website
-
player-next
-
player-prev
-
dot-small
-
attachment
-
visible
-
invisible
-
address0
-
nodata
-
switch-off
-
switch-on
-
user0
-
success0
-
find
-
airplane
-
email0
-
phone0
-
password0
-
user-add
-
warn2-fill
-
question-fill
-
success-fill
-
error-fill
-
info-fill
-
warn-fill
-
warn2
-
camera-fill
-
camera
-
share1
-
invite-code
-
share0
-
neural-network
-
security
-
contacts
-
security-fill
-
user-settings
-
user-group-fill
-
user-group
-
user-verified-fill
-
user-verified
-
invite0
-
invite0-fill
-
gift1
-
invite1-fill
-
invite-card
-
gift0
-
invite1
-
android-arrow-dropdo
-
android-arrow-drople
-
android-arrow-dropup
-
arrow-down-s
-
android-arrow-dropri
-
arrow-left-s
-
arrow-up-s
-
arrow-right-s
-
search1
-
search0
-
s-add
-
s-arrow-right-fill
-
s-appreciate-fill
-
s-appreciate
-
s-circle
-
s-arrow-right
-
s-close
-
s-countdown
-
s-countdown-fill
-
s-download
-
s-error-fill
-
s-edit
-
s-emoji
-
s-exit0
-
s-exit
-
s-error
-
s-group-fill
-
s-global
-
s-hot-fill
-
s-info-fill
-
s-group
-
s-hot
-
s-notice
-
s-notice-fill
-
s-info
-
s-notification
-
s-notice0
-
s-post
-
s-question-fill
-
s-question
-
s-notification-fill
-
s-share
-
s-square-check-fill
-
s-square-check
-
s-square
-
s-success-fill
-
s-success
-
s-time-fill
-
s-warn-fill
-
s-time
-
s-upload
-
s-warn
-
s-warn0-fill
-
s-warn0
-
s-wifi
-
sc-add-fill
-
sc-add
-
visible0
-
edit0
-
zoom-out
-
t-left
-
zoom-in
-
t-right
-
shop-cart
unicode引用
unicode是字体在网页端最原始的应用方式，特点是：
- 兼容性最好，支持ie6+，及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小，颜色等等。
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。
注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式
unicode使用步骤如下：
第一步：拷贝项目下面生成的font-face
@font-face {
font-family: 'iconfont2';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont2') format('svg');
}
第二步：定义使用iconfont的样式
.iconfont2{
font-family:"iconfont2" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
第三步：挑选相应图标并获取字体编码，应用于页面
<i class="iconfont2">3</i>"iconfont2"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。