IconFont 图标
-
time
-
filter
-
recharge
-
时间
-
会员卡
-
电话
-
火车
-
降落
-
起飞
-
切换
-
疑问
-
android
-
plane
-
plane_fill
-
iphone
-
休息区
-
零食
-
定位
-
iOS
-
兑换码-icon
-
选中
-
行李_f
-
密码
-
关闭1
-
标星-fill
-
标星
-
分享
-
时钟
-
喜欢
-
向上1
-
向下1
-
相机1-fill
-
相机1
-
相机2
-
刷新
-
用户-fill
-
用户
-
Android更多
-
专车
-
始发站
-
终点站
-
设置
-
YDUI-感叹号(实心)
-
提醒
-
完成
-
休息室
-
高铁
-
日历
-
user
-
160. Drinks
-
tv
-
验证码
-
乘客
-
目的地
-
安全
-
接机服务icon
-
微博
-
television
-
wifi路由
-
减
-
更多
-
开关
-
筛选
-
提醒
-
添加
-
搜索
-
右箭头
-
左箭头
-
收藏
-
列表
-
上
-
下
-
左
-
接机服务6
-
微信
-
地点
-
星级_1
-
星级_2
-
plane1
-
vip
-
飞机
-
注销
-
星级_3
-
优惠券
-
全程代办服务
-
admin
-
paper-plane
-
游客端我的-我关注的导游
-
隐藏
-
完成
-
密码
-
发票
-
右
-
拍照
-
航班
-
飞机
-
QQ
-
paper-plane
-
客服
-
日历
-
comment_friends
-
coordinates
-
enter
-
homepage_fill
-
homepage
-
interactive_fill
-
interactive
-
label
-
label_fill
-
message
-
message_fill
-
offline
-
people_fill
-
people
-
picture
-
praise_fill
-
praise
-
return
-
success_fill
-
success
-
喜欢2
-
喜欢
-
订单 待付款
-
订单集合
-
购物
-
头像
-
icon_parking
-
账户安全
-
packup
-
信用卡
-
支付宝
-
沙发
-
完成
-
个人信息
-
显示
-
微信支付
-
关闭
-
业务
-
到达
-
computer
-
返程
-
去程
-
分享
-
播放
-
客服
-
身份证
-
全屏
-
说明
-
暂停
-
收藏
-
扫一扫
-
我的
-
首页
-
分类
-
消息
-
发现
-
搜索
-
浏览
-
置顶
-
观演人
-
订阅
-
地址管理
-
待付款
-
待收货
-
会员
-
未使用
-
评价
-
签到
-
转出
-
转入
-
管家
-
airplane_train
-
航班预定
-
C 列车时刻
-
常用购票人/编辑32
-
删除
-
订单
-
优惠券
-
提示说明
-
飞机
-
版本信息 版本 提示 信息 说明
-
休息室
-
快速通道
-
银联
-
公交换乘
-
优惠券
-
AK-IM搜索_C
-
AK-ZY日历
-
AK-MB注销
-
AK-JT公交
-
AK-IM搜索_B
-
AK-JT轿车
-
AK-ZY预约
-
AK-ZY配送
-
AK-LY换乘
-
AK-TR旅游
-
AK-MN标签_fill
-
AK-MN订单_fill
-
AK-MN功能_fill
-
AK-MN消息1
-
AK-MN功能
-
AK-MN消息1_fill
-
AK-MN订单
-
AK-MN我的
-
AK-MN我的_fill
-
AK-MN点赞
-
AK-MN点赞_fill
-
AK-PY微信支付
-
AK-FK去程
-
AK-FK返程
-
AK-MN电话
-
AK-IM电话1
-
AK-IM定位
-
AK-MN盾牌_fill
-
AK-IM二维码扫描
-
AK-MN盾牌
-
AK-IM分享_A
-
AK-IM分类
-
AK-IM发现
-
AK-IM反馈
-
AK-IM分享_C
-
AK-YK我的_fill
-
AK-IM分享_B
-
AK-IM更多_A
-
AK-YK我的
-
AK-IM购物车
-
AK-HH好
-
AK-LI排版类型_B
-
AK-IM闹钟
-
AK-IM录像
-
AK-IM删除
-
AK-LI排版类型_A
-
AK-IM刷新_A
-
AK-IM设置
-
AK-IM搜索_A
-
AK-HH坏
-
AK-IM下载
-
AK-MN星星
-
AK-MN主页
-
AK-MN星星_fill
-
AK-MN收藏_fill
-
AK-DV手机
-
AK-IM折扣
-
AK-MN收藏
-
AK-MN主页_fill
-
AK-LI排版类型_C
-
AK-LN返回_A
-
AK-IM验证码
-
AK-IM足迹
-
AK-LN前进_A
-
AK-LN加_A
-
AK-LN减_A
-
AK-ZY筛选
-
AK-IM更多_B
-
AK-XT安卓
-
AK-LY目的地
-
AK-XT苹果
-
AK-SR微博
-
AK-SR支付宝
-
AK-SR腾讯QQ
-
AK-XT微软
-
AK-LN箭头上
-
AK-LN箭头下
-
AK-PY银联
-
AK-ZY信用卡
-
AK-ZY客服
-
AK-JT高铁
-
AK-LY列车时刻
-
AK-LY接机服务
-
AK-LY航班预定
-
AK-LY全程代办
-
AK-LY航班
-
AK-ZY待付款
-
AK-IM刷新_B
-
AK-FJ降落_A
-
AK-FJ起飞_A
-
AK-LY切换
-
AK-MN发送
-
AK-MN发送_fill
-
AK-MN用户_fill
-
AK-MN用户
-
AK-FJ起飞_B
-
AK-FJ降落_B
-
AK-MN通讯录_fill
-
AK-MN发布_fill
-
AK-MN发布
-
AK-MN首页_fill
-
AK-MN通讯录
-
AK-MN首页
-
AK-MN互动_fill
-
AK-MN标签
-
AK-MN互动
-
AK-SR微信
-
AK-MN新闻
-
AK-MN声音无_fill
-
AK-MN我_fill
-
AK-MN新闻_fill
-
AK-YK视频
-
AK-MN我
-
AK-MN橡机_fill
-
AK-MN消息3_fill
-
AK-MN橡机
-
AK-MN公告_fill
-
AK-IN闭眼
-
AK-MN公告
-
AK-IN闭眼_fill
-
AK-MN消息3
-
AK-MN声音_fill
-
AK-MN声音
-
AK-MB解锁
-
AK-MB锁定
-
AK-MN添加好友
-
AK-MN添加好友_fill
-
AK-MN消息2_fill
-
AK-MN上传图片_fill
-
AK-MN排名_fill
-
AK-MN消息2
-
AK-MN排名
-
AK-YK时间
-
AK-YK时间_fill
-
AK-MN上传图片
-
AK-YK视频_fill
-
AK-YK结算台
-
AK-MN红包_fill
-
AK-MN红包
-
AK-YK结算台_fill
-
AK-MN新商品
-
AK-LV勋章_fill
-
AK-LV勋章
-
AK-MB邮箱
-
AK-MN新商品_fill
-
AK-MN热门_fill
-
AK-IN睁眼_fill
-
AK-MN热门
-
AK-IN睁眼
-
AK-LN指向左
-
AK-LN向下
-
AK-LN指向右
-
AK-LN返回_B
-
AK-LN向上
-
AK-YK减_fill
-
AK-YK加_fill
-
AK-YK加
-
AK-LN前进_B
-
AK-LN取消
-
AK-LN正确
-
AK-LN减_B
-
AK-LN加_B
-
AK-LV砖石
-
AK-MN优惠券_fill
-
AK-MN优惠券
-
AK-LV砖石_fill
-
AK-MN主题_fill
-
AK-MN主题
-
AK-MN银行卡
-
AK-MN用户资料
-
AK-MN银行卡_fill
-
AK-YK指南_fill
-
AK-MN用户资料_fill
-
AK-MN店铺_fill
-
AK-YK指南
-
AK-MN折线图_fill
-
AK-MN条形图
-
AK-YK饼图_fill
-
AK-YK饼图
-
AK-MN条形图_fill
-
AK-MN报表
-
AK-MN店铺
-
AK-MN报表_fill
-
AK-MN折线图
-
AK-LN全屏
-
AK-LN全屏退出
-
AK-MN位置_fill
-
AK-MN位置
-
AK-LN横向展开
-
AK-LN同步
-
AK-LN相互交换
-
AK-PX倒序
-
AK-PX可排序
-
AK-LN向右交换
-
AK-PX正序
-
AK-LN横向收起
-
AK-YK收起
-
AK-YK展开_fill
-
AK-YK展开
-
AK-YK收起_fill
-
AK-LN向左交换
-
AK-YK前进_fill
-
AK-YK前进
-
AK-YK返回
-
AK-YK返回_fill
-
AK-MN注意_fill
-
AK-MN注意
-
AK-YK感叹号
-
AK-YK信息_fill
-
AK-YK问号_fill
-
AK-YK信息
-
AK-YK感叹号_fill
-
AK-YK问号
-
AK-YK关闭
-
AK-YK关闭_fill
-
AK-YK完成
-
AK-YK完成_fill
-
AK-FK中文模式
-
AK-YK减
-
AK-MN免费_fill
-
AK-MN免费
-
AK-MN服务
-
AK-FK英文模式
-
AK-MN服务_fill
-
AK-YK国际
-
AK-YK国际_fill
-
AK-MN合作_fill
-
AK-MN资讯
-
AK-MN资讯_fill
-
AK-MN框架_fill
-
AK-MN合作
-
AK-MN框架
-
AK-MN空间
-
AK-MN空间_fill
-
AK-MN配载
-
AK-MN企业
-
AK-MN企业_fill
-
AK-MN配载_fill
-
AK-MN商品
-
AK-MN商品_fill
-
AK-MN采购_fill
-
AK-MN采购
-
AK-MN物流_fill
-
AK-MN物流
-
AK-LN指向上
-
AK-LN指向下
-
AK-LN最后页
-
AK-LN第一页
-
AK-MN朋友
-
AK-MN朋友_fill
-
AK-MN搜索类目
-
AK-MN搜索类目_fill
-
AK-MB手机
-
AK-DV电脑
-
AK-DV平板
-
AK-DV笔记本
-
AK-JT飞机
-
AK-ZY地址
-
AK-MN键盘
-
AK-MN积分
-
AK-MN积分_fill
-
AK-MN键盘_fill
-
AK-MN麦克风
-
AK-MN麦克风_fill
-
AK-MN导航_fill
-
AK-ZY网络
-
AK-MN图片_fill
-
AK-MN图片
-
AK-MN物流
-
AK-MN物流_fill
-
AK-MN计算器_fill
-
AK-ZY退款
-
AK-MN快递员
-
AK-MN计算器
-
AK-MN快递员_fill
-
AK-PJ满意
-
AK-PJ不满意
-
AK-MN问题_fill
-
AK-MN问题
-
AK-PJ一般
-
AK-MN设置_fill
-
AK-MN设置
-
AK-IN勾选
-
AK-MN业务_fill
-
AK-MN业务
-
AK-ZY规则
-
AK-ZY组织
-
AK-MN信
-
AK-MN应用
-
AK-MN应用_fill
-
AK-MN信_fill
-
AK-SR卡考
-
AK-SR朋友圈
-
AK-ZY群组多人
-
AK-MN群组
-
AK-MN群组_fill
-
AK-MN导航
-
AK-MN休息
-
AK-MN休息_fill
-
AK-SR京东
-
AK-SR百度
-
AK-ZY交流
-
AK-LY会员卡
-
AK-LY旅游
-
AK-LY休息区
-
AK-MN文档_fill
-
AK-LY快速通道
-
AK-MN文档
-
AK-MN活动
-
AK-MN活动_fill
-
AK-MN接机服务_fill
-
AK-MN接机服务
-
AK-MN电话_fill
-
AK-MN订阅
-
AK-MN订阅_fill
-
AK-IM二维码
-
AK-IM转入
-
AK-IM转出
-
AK-IM电话2
-
AK-IM客户
-
AK-LN箭头线
-
AK-BT取消_B
-
AK-BT取消_A
-
AK-BT对勾_A
-
AK-BT对勾_B
-
AK-IM安德鲁
-
AK-IM密码
-
AK-IM密码_fill
-
AK-IM回格_fill
-
AK-IM回格
-
AK-IM选择_B
-
AK-IM选择_A
unicode引用
unicode是字体在网页端最原始的应用方式,特点是:
- 兼容性最好,支持ie6+,及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小,颜色等等。
- 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式
unicode使用步骤如下:
第一步:拷贝项目下面生成的font-face
@font-face {
font-family: 'iconfont';
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#iconfont') format('svg');
}
第二步:定义使用iconfont的样式
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
第三步:挑选相应图标并获取字体编码,应用于页面
<i class="iconfont">3</i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。