IconFont 图标
-
银行卡.vip-bankcard_icon
-
包.vip-bag_icon
-
地址.vip-address_icon
-
确认.vip-affirm_icon
-
添加.vip-add_icon
-
条形图.vip-bar-chart_icon
-
相机.vip-camera_icon
-
购物车.vip-cart_icon
-
分类.vip-classify_icon
-
聊天.vip-conversation_icon
-
复制.vip-copy_icon
-
编辑.vip-edit_icon
-
删除.vip-dustbin_icon
-
礼物.vip-gift_icon
-
折线图.vip-line-chart_icon
-
喜欢.vip-love_icon
-
更多.vip-more_icon
-
密码.vip-password_icon
-
手机.vip-phone_icon
-
图片.vip-picture_icon
-
饼状图.vip-pie-chart_icon
-
赞.vip-praise_icon
-
减少.vip-reduce_icon
-
扫一扫.vip-richscan_icon
-
筛选.vip-screen_icon
-
分享.vip-share_icon
-
文本.vip-text_icon
-
商城.vip-store_icon
-
时间.vip-time_icon
-
转发.vip-transmit_icon
-
钱包.vip-wallet_icon
-
无线网.vip-wifi_icon
-
文件夹.vip-folder_icon
-
放大.vip-amplification_icon
-
日历.vip-calendar_icon
-
标签.vip-label_icon
-
好友列表.vip-linkman-contacts_ico
-
禁音.vip-mute_icon
-
播放.vip-play_icon
-
客服.vip-service_icon
-
刷新.vip-refresh_icon
-
订单.vip-order_icon
-
红包.vip-red-packet_icon
-
新闻.vip-news_icon
-
缩小.vip-shrink_icon
-
置顶.vip-stick_icon
-
录像.vip-video_icon
-
排序.vip-sort_icon
-
暂停.vip-suspend_icon
-
语音.vip-voice_icon
-
声音.vip-volume_icon
-
注意.vip-warning_icon
-
活动.vip-activity_icon
-
书籍.vip-book_icon
-
添加好友.vip-add-friends_icon
-
下载.vip-download_icon
-
电.vip-electricity_icon
-
表情.vip-emoji_icon
-
女.vip-female_icon
-
直播.vip-live_icon
-
男.vip-male_icon
-
列表.vip-list_icon
-
搜索.vip-search_icon
-
键盘.vip-keyboard_icon
-
会员.vip-member_icon
-
水.vip-water_icon
-
上传.vip-upload_icon
-
电脑.vip-computer_icon
-
邮件.vip-e-mail_icon
-
教育.vip-education_icon
-
奖章.vip-decoration_icon
-
大雨.vip-heavy-rain_icon
-
晴天.vip-fine_icon
-
暴雨.vip-intense-fall_icon
-
大雪.vip-heavy-snow_icon
-
会员卡.vip-membership-card_icon
-
奖牌.vip-medal_icon
-
中雨.vip-moderate-rain_icon
-
铅笔.vip-pan_icon
-
打印机.vip-printer_icon
-
阴天.vip-overcast-sky_icon
-
中雪.vip-moderate-snow_icon
-
温度.vip-thermometer_icon
-
小雨.vip-spit_icon
-
雷阵雨.vip-thundershower_icon
-
工具箱.vip-tool-cabinet_icon
-
奖杯.vip-trophy_icon
-
多云.vip-broken-sky_icon
-
airplane_icon.vip-airplane_icon
-
air_condition_icon.vip-air_condition_icon
-
alarm_clock_icon.vip-alarm_clock_icon
-
atm_icon.vip-atm_icon
-
alarm_icon.vip-alarm_icon
-
bank_icon.vip-bank_icon
-
balance_scale_icon.vip-balance_scale_icon
-
ban_barrage_icon.vip-ban_barrage_icon
-
barrage_icon.vip-barrage_icon
-
batch_processing_ico.vip-batch_processing_ico
-
bath_towel_icon.vip-bath_towel_icon
-
beverage_icon.vip-beverage_icon
-
bedroom_icon.vip-bedroom_icon
-
bike_icon.vip-bike_icon
-
battery_charging_ico.vip-battery_charging_ico
-
bathroom_icon.vip-bathroom_icon
-
capsule_icon.vip-capsule_icon
-
boat_icon.vip-boat_icon
-
car_icon.vip-car_icon
-
category_find_icon.vip-category_find_icon
-
circulation_icon.vip-circulation_icon
-
cold_icon.vip-cold_icon
-
code_icon.vip-code_icon
-
concentrate_icon.vip-concentrate_icon
-
controller_icon.vip-controller_icon
-
cup_icon.vip-cup_icon
-
collect_icon.vip-collect_icon
-
cpu_icon.vip-cpu_icon
-
droplight_icon.vip-droplight_icon
-
flashlight_icon.vip-flashlight_icon
-
forbid_icon.vip-forbid_icon
-
game_icon.vip-game_icon
-
fruit_icon.vip-fruit_icon
-
fitness_icon.vip-fitness_icon
-
fire_hydrant_icon.vip-fire_hydrant_icon
-
government_icon.vip-government_icon
-
ice_box_icon.vip-ice_box_icon
-
hotel_icon.vip-hotel_icon
-
integral_icon.vip-integral_icon
-
law_icon.vip-law_icon
-
link_icon.vip-link_icon
-
loading_icon.vip-loading_icon
-
menu_icon.vip-menu_icon
-
map_icon.vip-map_icon
-
money_icon.vip-money_icon
-
network_icon.vip-network_icon
-
organization_icon.vip-organization_icon
-
pet_icon.vip-pet_icon
-
ppt_files_icon.vip-ppt_files_icon
-
qr_code_icon.vip-qr_code_icon
-
plug_icon.vip-plug_icon
-
repeal_icon.vip-repeal_icon
-
quit_icon.vip-quit_icon
-
resource_icon.vip-resource_icon
-
restaurant_icon.vip-restaurant_icon
-
rule_icon.vip-rule_icon
-
router_icon.vip-router_icon
-
rocket_icon.vip-rocket_icon
-
salary_icon.vip-salary_icon
-
server_icon.vip-server_icon
-
sd_card_icon.vip-sd_card_icon
-
show_icon.vip-show_icon
-
shield_icon.vip-shield_icon
-
speed_icon.vip-speed_icon
-
steamer_icon.vip-steamer_icon
-
tablet_computer_icon.vip-tablet_computer_icon
-
tailor_icon.vip-tailor_icon
-
timer_icon.vip-timer_icon
-
toy_icon.vip-toy_icon
-
train_icon.vip-train_icon
-
transition_icon.vip-transition_icon
-
translate_icon.vip-translate_icon
-
tree_icon.vip-tree_icon
-
tv_icon.vip-tv_icon
-
u_disk_icon.vip-u_disk_icon
-
umbrella_icon.vip-umbrella_icon
-
wait_sending_icon.vip-wait_sending_icon
-
warehouse_icon.vip-warehouse_icon
-
watermelon_icon.vip-watermelon_icon
-
wireframe_icon.vip-wireframe_icon
-
word_files_icon.vip-word_files_icon
-
workbench_icon.vip-workbench_icon
-
编辑.vip-bianji1
-
安全.vip-anquan
-
撤销.vip-chexiao
-
笔记本.vip-bijiben
-
茶杯.vip-chabei
-
待发货.vip-daifahuo
-
待付款.vip-daifukuan
-
待收货.vip-daishouhuo
-
点赞.vip-dianzan
-
电脑.vip-diannao
-
电话.vip-dianhua
-
定位.vip-dingwei
-
返回.vip-fanhui1
-
返回2.vip-fanhui2
-
分类.vip-fenlei
-
分类2.vip-fenlei1
-
返现.vip-fanxian
-
分享.vip-fenxiang1
-
分享2.vip-fenxiang2
-
个人.vip-geren
-
工具箱.vip-gongjuxiang
-
更多2.vip-gengduo
-
购物.vip-gouwu
-
购物车.vip-gouwuche
-
更多.vip-gengduo1
-
关闭.vip-guanbi1
-
关闭2.vip-guanbi2
-
关闭3.vip-guanbi3
-
减少.vip-jianshao
-
减少2.vip-jianshao1
-
客服.vip-kefu
-
链接.vip-lianjie
-
计时.vip-jishi
-
礼物.vip-liwu
-
列表2.vip-liebiao1
-
排行.vip-paihang
-
列表.vip-liebiao2
-
热门.vip-remen
-
删除.vip-shanchu1
-
上传.vip-shangchuan
-
日历.vip-rili
-
上一步.vip-shangyibu
-
收藏2.vip-shoucang1
-
设置.vip-shezhi1
-
收藏.vip-shoucang2
-
视频.vip-shipin1
-
手机.vip-shouji
-
书.vip-shu
-
搜索.vip-sousuo
-
提示.vip-tishi3
-
锁.vip-suo
-
天气.vip-tianqi
-
添加2.vip-tianjia1
-
通知.vip-tongzhi
-
退款.vip-tuikuan
-
文件.vip-wenjian1
-
团队.vip-tuandui
-
通知2.vip-tongzhi1
-
添加.vip-tianjia2
-
文件2.vip-wenjian2
-
文章.vip-wenzhang
-
问题.vip-wenti
-
下载.vip-xiazai
-
问题2.vip-wenti1
-
相机.vip-xiangji
-
消息.vip-xiaoxi
-
消息2.vip-xiaoxi1
-
信封.vip-xinfeng
-
信息.vip-xinxi
-
循环.vip-xunhuan
-
音乐.vip-yinle
-
音量.vip-yinliang
-
账单.vip-zhangdan
-
优惠券2.vip-youhuiquan
-
照片.vip-zhaopian
-
正确.vip-zhengque
-
优惠券.vip-youhuiquan1
-
正确2.vip-zhengque1
-
主页.vip-zhuye
-
文件.vip-wenjian
-
文件夹.vip-wenjianjia
-
新文件夹.vip-xinwenjianjia
-
开文件夹.vip-kaiwenjianjia
-
列表.vip-liebiao
-
范例.vip-fanli
-
模版.vip-moban
-
业务.vip-yewu
-
集合.vip-jihe
-
可见.vip-kejian
-
关联.vip-guanlian
-
数据.vip-shuju
-
新数据.vip-xinshuju
-
新建文件.vip-xinjianwenjian
-
文件类型.vip-wenjianleixing
-
云存储.vip-yuncunchu
-
日志.vip-rizhi
-
不可见.vip-bukejian
-
发布.vip-fabu
-
预警.vip-yujing
-
预览.vip-yulan
-
线上.vip-xianshang
-
测试.vip-ceshi
-
暂停.vip-zanting
-
停止.vip-tingzhi
-
播放.vip-bofang
-
新用户.vip-xinyonghu
-
用户.vip-yonghu
-
用户编辑.vip-yonghubianji
-
保存.vip-baocun
-
设置.vip-shezhi
-
编辑.vip-bianji
-
删除.vip-shanchu
-
关闭.vip-guanbi
-
粘贴.vip-niantie
-
复制.vip-fuzhi
-
退出.vip-tuichu
-
续费.vip-xufei
-
另存为.vip-lingcunwei
-
添加.vip-tianjia
-
手机解绑.vip-shoujijiebang
-
手机绑定.vip-shoujibangding
-
备案.vip-beian
-
首页.vip-shouye
-
剪切.vip-jianqie
-
放大镜.vip-fangdajing
-
放大.vip-fangda
-
导出.vip-daochu
-
导入.vip-daoru
-
时间.vip-shijian
-
日期.vip-riqi
-
时间日期.vip-shijianriqi
-
解锁.vip-jiesuo
-
锁定.vip-suoding
-
返回.vip-fanhui
-
刷新.vip-shuaxin
-
移动.vip-yidong
-
筛选.vip-shaixuan
-
安装包.vip-anzhuangbao
-
分享.vip-fenxiang
-
喜欢.vip-xihuan
-
收藏.vip-shoucang
-
邮件.vip-youjian
-
位置.vip-weizhi
-
社区.vip-shequ
-
反馈.vip-fankui
-
管理员.vip-guanliyuan
-
表格.vip-biaoge
-
仪表板.vip-yibiaoban
-
数据表.vip-shujubiao
-
数据集.vip-shujuji
-
演示.vip-yanshi
-
柱状图.vip-zhuzhuangtu
-
折线图.vip-zhexiantu
-
散点图.vip-sandiantu
-
大饼图.vip-dabingtu
-
地图.vip-ditu
-
关系图.vip-guanxitu
-
图层.vip-tuceng
-
设计.vip-sheji
-
左对齐.vip-zuoduiqi
-
右对齐.vip-youduiqi
-
上对齐.vip-shangduiqi
-
下对齐.vip-xiaduiqi
-
垂直居中.vip-chuizhijuzhong
-
水平居中.vip-shuipingjuzhong
-
横向平分.vip-hengxiangpingfen
-
纵向平分.vip-zongxiangpingfen
-
上移一层.vip-shangyiyiceng
-
下移一层.vip-xiayiyiceng
-
底层.vip-diceng
-
顶层.vip-dingceng
-
英文.vip-yingwen
-
中文.vip-zhongwen
-
loading.vip-loading
-
对.vip-dui
-
错.vip-cuo
-
感叹号.vip-gantanhao
-
问号.vip-wenhao
-
提示1.vip-tishi
-
回滚.vip-huigun
-
密钥.vip-miyue
-
旗子.vip-qizi
-
图钉.vip-tuding
-
云上传.vip-yunshangchuan
-
云下载.vip-yunxiazai
-
列表展开.vip-liebiaozhankai
-
返回旧版.vip-fanhuijiuban
-
新手引导.vip-xinshouyindao
-
耳麦.vip-ermai
-
列表收起.vip-liebiaoshouqi
-
资讯.vip-zixun
-
电源.vip-dianyuan
-
传输.vip-chuanshu
-
开发.vip-kaifa
-
灯泡.vip-dengpao
-
配置.vip-peizhi
-
在线.vip-zaixian
-
指标.vip-zhibiao
-
虫子.vip-chongzi
-
API.vip-API
-
A-B.vip-A-B
-
接口.vip-jiekou
-
总图.vip-zongtu
-
下钻.vip-xiazuan
-
订阅.vip-dingyue
-
查询.vip-chaxun
-
清洗.vip-qingxi
-
监控.vip-jiankong
-
视频.vip-shipin
-
过滤.vip-guolv
-
障碍.vip-zhangai
-
提示2.vip-tishi2
-
扫描.vip-saomiao
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="vip-icon vip-xxx"></i>
"vip-icon"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。