---
title: Iconfont - (Vegeta)
category: basic
---

<p>Vegeta是点评的iconfont集，这是一种将矢量图标制作成字体嵌入页面中的技术。</p>
<p>通过字体图标，我们可以非常方便的更换图标的颜色尺寸，并且不会产生图片请求</p>
<p>目前图标集中包含了68个图标，并在不断添加中。可以根据需要选择运用。</p>

<style id="font-style">
	.font{
		float:left;
		width:135px;
		color:#888;
		font-size: 16px;
		margin-bottom: 5px;
	}
	.font i{
		margin-right: 10px;
		cursor: pointer;
	}
</style>
<div class="sample-block" style="padding-top:40px">
<span class="hint-tip">点击图标复制代码</span>
<span class="font">
	<i class="icon-gas"></i>
	加油
</span>
<span class="font">
	<i class="icon-email"></i>
	邮件
</span>
<span class="font">
	<i class="icon-weekly"></i>
	周刊
</span>
<span class="font">
	<i class="icon-wedding"></i>
	结婚
</span>
<span class="font">
	<i class="icon-warn"></i>
	警告
</span>
<span class="font">
	<i class="icon-upload"></i>
	上传
</span>
<span class="font">
	<i class="icon-umbrella"></i>
	雨伞
</span>
<span class="font">
	<i class="icon-telephone"></i>
	电话
</span>
<span class="font">
	<i class="icon-sync"></i>
	同步
</span>
<span class="font">
	<i class="icon-sure"></i>
	确认
</span>
<span class="font">
	<i class="icon-subscribe"></i>
	订阅
</span>
<span class="font">
	<i class="icon-sport"></i>
	运动
</span>
<span class="font">
	<i class="icon-snack"></i>
	小吃
</span>
<span class="font">
	<i class="icon-smile"></i>
	微笑
</span>
<span class="font">
	<i class="icon-shopping"></i>
	购物
</span>
<span class="font">
	<i class="icon-search"></i>
	搜索
</span>
<span class="font">
	<i class="icon-review"></i>
	发言
</span>
<span class="font">
	<i class="icon-reply"></i>
	回应
</span>
<span class="font">
	<i class="icon-remind"></i>
	提醒
</span>
<span class="font">
	<i class="icon-refresh"></i>
	刷新
</span>
<span class="font">
	<i class="icon-promo"></i>
	优惠
</span>
<span class="font">
	<i class="icon-private"></i>
	私密
</span>
<span class="font">
	<i class="icon-plus"></i>
	加号
</span>
<span class="font">
	<i class="icon-minus"></i>
	减号
</span>
<span class="font">
	<i class="icon-pill"></i>
	药店
</span>
<span class="font">
	<i class="icon-park"></i>
	停车
</span>
<span class="font">
	<i class="icon-new"></i>
	new
</span>
<span class="font">
	<i class="icon-nearby"></i>
	附近
</span>
<span class="font">
	<i class="icon-more"></i>
	更多
</span>
<span class="font">
	<i class="icon-mobile"></i>
	手机
</span>
<span class="font">
	<i class="icon-message"></i>
	消息
</span>
<span class="font">
	<i class="icon-me"></i>
	个人
</span>
<span class="font">
	<i class="icon-locate"></i>
	地标
</span>
<span class="font">
	<i class="icon-like"></i>
	赞
</span>
<span class="font">
	<i class="icon-image"></i>
	图片
</span>
<span class="font">
	<i class="icon-identify"></i>
	个人资料
</span>
<span class="font">
	<i class="icon-bed"></i>
	床
</span>
<span class="font">
	<i class="icon-home"></i>
	主页
</span>
<span class="font">
	<i class="icon-garden"></i>
	花园
</span>
<span class="font">
	<i class="icon-footprint"></i>
	足迹
</span>
<span class="font">
	<i class="icon-food"></i>
	美食
</span>
<span class="font">
	<i class="icon-follow"></i>
	关注
</span>
<span class="font">
	<i class="icon-flower"></i>
	鲜花
</span>
<span class="font">
	<i class="icon-expand"></i>
	箭头展开
</span>
<span class="font">
	<i class="icon-packup"></i>
	箭头收起
</span>
<span class="font">
	<i class="icon-error"></i>
	错误
</span>
<span class="font">
	<i class="icon-download"></i>
	下载
</span>
<span class="font">
	<i class="icon-delete"></i>
	删除
</span>
<span class="font">
	<i class="icon-cut"></i>
	美发
</span>
<span class="font">
	<i class="icon-setting"></i>
	设置
</span>
<span class="font">
	<i class="icon-coffee"></i>
	咖啡
</span>
<span class="font">
	<i class="icon-close"></i>
	关闭
</span>
<span class="font">
	<i class="icon-checkin"></i>
	签到
</span>
<span class="font">
	<i class="icon-car"></i>
	汽车
</span>
<span class="font">
	<i class="icon-camera"></i>
	相机
</span>
<span class="font">
	<i class="icon-blacklist"></i>
	黑名单
</span>
<span class="font">
	<i class="icon-bank"></i>
	银行
</span>
<span class="font">
	<i class="icon-allcate"></i>
	全部分类
</span>
<span class="font">
	<i class="icon-activity"></i>
	活动
</span>
<span class="font">
	<i class="icon-account"></i>
	帐号
</span>

<span class="font">
	<i class="icon-arr-left"></i>
	向左箭头
</span>

<span class="font">
	<i class="icon-arr-right"></i>
	向右箭头
</span>

<span class="font">
	<i class="icon-trangle-left"></i>
	向左三角
</span>

<span class="font">
	<i class="icon-trangle-right"></i>
	向右三角
</span>

<span class="font">
	<i class="icon-trangle-top"></i>
	向上三角
</span>

<span class="font">
	<i class="icon-trangle-bottom"></i>
	向下三角
</span>

<span class="font">
	<i class="icon-heart"></i>
	喜欢
</span>

<span class="font">
	<i class="icon-star"></i>
	收藏
</span>
</div>