Files
tk-mini-program/unpackage/dist/build/mp-weixin/static/fonts/demo_index.html

8400 lines
288 KiB
HTML
Raw Normal View History

2025-07-18 13:06:06 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>iconfont Demo</title>
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
<script src="iconfont.js"></script>
<!-- jQuery -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
<!-- 代码高亮 -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
<style>
.main .logo {
margin-top: 0;
height: auto;
}
.main .logo a {
display: flex;
align-items: center;
}
.main .logo .sub-title {
margin-left: 0.5em;
font-size: 22px;
color: #fff;
background: linear-gradient(-45deg, #3967FF, #B500FE);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
</a></h1>
<div class="nav-tabs">
<ul id="tabs" class="dib-box">
<li class="dib active"><span>Unicode</span></li>
<li class="dib"><span>Font class</span></li>
<li class="dib"><span>Symbol</span></li>
</ul>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3725362" target="_blank" class="nav-more">查看项目</a>
</div>
<div class="tab-container">
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe654;</span>
<div class="name">关于我们</div>
<div class="code-name">&amp;#xe654;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe659;</span>
<div class="name">_钉子</div>
<div class="code-name">&amp;#xe659;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61b;</span>
<div class="name">新增</div>
<div class="code-name">&amp;#xe61b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61c;</span>
<div class="name">新增添加</div>
<div class="code-name">&amp;#xe61c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67e;</span>
<div class="name">夜晚</div>
<div class="code-name">&amp;#xe67e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65b;</span>
<div class="name">Minimize-1</div>
<div class="code-name">&amp;#xe65b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65d;</span>
<div class="name">Maximize-1</div>
<div class="code-name">&amp;#xe65d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe692;</span>
<div class="name">Maximize-3</div>
<div class="code-name">&amp;#xe692;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe621;</span>
<div class="name">编辑</div>
<div class="code-name">&amp;#xe621;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe617;</span>
<div class="name">最大化</div>
<div class="code-name">&amp;#xe617;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe607;</span>
<div class="name">语音</div>
<div class="code-name">&amp;#xe607;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bd;</span>
<div class="name">发送</div>
<div class="code-name">&amp;#xe6bd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe66d;</span>
<div class="name">密码</div>
<div class="code-name">&amp;#xe66d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62c;</span>
<div class="name">添加图片</div>
<div class="code-name">&amp;#xe62c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe618;</span>
<div class="name">语音</div>
<div class="code-name">&amp;#xe618;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe672;</span>
<div class="name">语音</div>
<div class="code-name">&amp;#xe672;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe653;</span>
<div class="name">点点</div>
<div class="code-name">&amp;#xe653;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62f;</span>
<div class="name">图片</div>
<div class="code-name">&amp;#xe62f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe93e;</span>
<div class="name">点点</div>
<div class="code-name">&amp;#xe93e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a9;</span>
<div class="name">设置</div>
<div class="code-name">&amp;#xe6a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe72e;</span>
<div class="name">清除</div>
<div class="code-name">&amp;#xe72e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe72f;</span>
<div class="name">暗黑模式</div>
<div class="code-name">&amp;#xe72f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe734;</span>
<div class="name">多语言</div>
<div class="code-name">&amp;#xe734;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe736;</span>
<div class="name">模板参数</div>
<div class="code-name">&amp;#xe736;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe73b;</span>
<div class="name">发布</div>
<div class="code-name">&amp;#xe73b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe73c;</span>
<div class="name">设置</div>
<div class="code-name">&amp;#xe73c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe748;</span>
<div class="name">明亮模式</div>
<div class="code-name">&amp;#xe748;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe767;</span>
<div class="name">关闭</div>
<div class="code-name">&amp;#xe767;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c9;</span>
<div class="name">上下移动</div>
<div class="code-name">&amp;#xe6c9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ca;</span>
<div class="name">左右移动</div>
<div class="code-name">&amp;#xe6ca;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe604;</span>
<div class="name">初始化</div>
<div class="code-name">&amp;#xe604;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68b;</span>
<div class="name">播放-上一个</div>
<div class="code-name">&amp;#xe68b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68d;</span>
<div class="name">播放-下一个</div>
<div class="code-name">&amp;#xe68d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ac;</span>
<div class="name">放大镜1-线型</div>
<div class="code-name">&amp;#xe6ac;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ad;</span>
<div class="name">放大镜2-线型</div>
<div class="code-name">&amp;#xe6ad;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fd;</span>
<div class="name">图片2-面型</div>
<div class="code-name">&amp;#xe6fd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ff;</span>
<div class="name">下载5</div>
<div class="code-name">&amp;#xe6ff;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65a;</span>
<div class="name">逆时针旋转</div>
<div class="code-name">&amp;#xe65a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65c;</span>
<div class="name">顺时针旋转</div>
<div class="code-name">&amp;#xe65c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe619;</span>
<div class="name">收起</div>
<div class="code-name">&amp;#xe619;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61a;</span>
<div class="name">全屏</div>
<div class="code-name">&amp;#xe61a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe610;</span>
<div class="name">排序</div>
<div class="code-name">&amp;#xe610;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe611;</span>
<div class="name">向上</div>
<div class="code-name">&amp;#xe611;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe612;</span>
<div class="name">向下</div>
<div class="code-name">&amp;#xe612;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe613;</span>
<div class="name">全屏</div>
<div class="code-name">&amp;#xe613;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe614;</span>
<div class="name">收起列</div>
<div class="code-name">&amp;#xe614;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe615;</span>
<div class="name">下拉</div>
<div class="code-name">&amp;#xe615;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe616;</span>
<div class="name">全屏退出</div>
<div class="code-name">&amp;#xe616;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe872;</span>
<div class="name">enter</div>
<div class="code-name">&amp;#xe872;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe873;</span>
<div class="name">enviroment</div>
<div class="code-name">&amp;#xe873;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe874;</span>
<div class="name">enviroment-o</div>
<div class="code-name">&amp;#xe874;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe875;</span>
<div class="name">exclamation-circle-o</div>
<div class="code-name">&amp;#xe875;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe876;</span>
<div class="name">exclamation-circle</div>
<div class="code-name">&amp;#xe876;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe877;</span>
<div class="name">exception</div>
<div class="code-name">&amp;#xe877;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe878;</span>
<div class="name">export</div>
<div class="code-name">&amp;#xe878;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe879;</span>
<div class="name">exclefile</div>
<div class="code-name">&amp;#xe879;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87a;</span>
<div class="name">export2</div>
<div class="code-name">&amp;#xe87a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87b;</span>
<div class="name">eye-o</div>
<div class="code-name">&amp;#xe87b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87c;</span>
<div class="name">eye</div>
<div class="code-name">&amp;#xe87c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87d;</span>
<div class="name">file</div>
<div class="code-name">&amp;#xe87d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87e;</span>
<div class="name">filetext</div>
<div class="code-name">&amp;#xe87e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87f;</span>
<div class="name">filter</div>
<div class="code-name">&amp;#xe87f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe880;</span>
<div class="name">folder</div>
<div class="code-name">&amp;#xe880;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe881;</span>
<div class="name">folderopen</div>
<div class="code-name">&amp;#xe881;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe882;</span>
<div class="name">frown-o</div>
<div class="code-name">&amp;#xe882;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe883;</span>
<div class="name">github</div>
<div class="code-name">&amp;#xe883;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe884;</span>
<div class="name">frown</div>
<div class="code-name">&amp;#xe884;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe885;</span>
<div class="name">hdd</div>
<div class="code-name">&amp;#xe885;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe886;</span>
<div class="name">heart-o</div>
<div class="code-name">&amp;#xe886;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe887;</span>
<div class="name">heart</div>
<div class="code-name">&amp;#xe887;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe888;</span>
<div class="name">inbox</div>
<div class="code-name">&amp;#xe888;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe889;</span>
<div class="name">ie</div>
<div class="code-name">&amp;#xe889;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88a;</span>
<div class="name">info-cirlce</div>
<div class="code-name">&amp;#xe88a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88b;</span>
<div class="name">info-cirlce-o</div>
<div class="code-name">&amp;#xe88b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88c;</span>
<div class="name">left-circle-o</div>
<div class="code-name">&amp;#xe88c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88d;</span>
<div class="name">jpgfile</div>
<div class="code-name">&amp;#xe88d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88e;</span>
<div class="name">laptop</div>
<div class="code-name">&amp;#xe88e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88f;</span>
<div class="name">left-square</div>
<div class="code-name">&amp;#xe88f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe890;</span>
<div class="name">left-circle</div>
<div class="code-name">&amp;#xe890;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe891;</span>
<div class="name">left-square-o</div>
<div class="code-name">&amp;#xe891;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe892;</span>
<div class="name">left</div>
<div class="code-name">&amp;#xe892;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe893;</span>
<div class="name">like_fill</div>
<div class="code-name">&amp;#xe893;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe894;</span>
<div class="name">linechart</div>
<div class="code-name">&amp;#xe894;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe895;</span>
<div class="name">loading1</div>
<div class="code-name">&amp;#xe895;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe897;</span>
<div class="name">lock</div>
<div class="code-name">&amp;#xe897;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89a;</span>
<div class="name">meho</div>
<div class="code-name">&amp;#xe89a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89b;</span>
<div class="name">meh</div>
<div class="code-name">&amp;#xe89b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89c;</span>
<div class="name">menufold</div>
<div class="code-name">&amp;#xe89c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89d;</span>
<div class="name">menuunfold</div>
<div class="code-name">&amp;#xe89d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89e;</span>
<div class="name">minus-circle-o</div>
<div class="code-name">&amp;#xe89e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89f;</span>
<div class="name">minus-square-o</div>
<div class="code-name">&amp;#xe89f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a0;</span>
<div class="name">minus-circle</div>
<div class="code-name">&amp;#xe8a0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a2;</span>
<div class="name">minus-square</div>
<div class="code-name">&amp;#xe8a2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a4;</span>
<div class="name">mobile</div>
<div class="code-name">&amp;#xe8a4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a5;</span>
<div class="name">paperclip</div>
<div class="code-name">&amp;#xe8a5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a6;</span>
<div class="name">notification</div>
<div class="code-name">&amp;#xe8a6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a7;</span>
<div class="name">pause-circle</div>
<div class="code-name">&amp;#xe8a7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a8;</span>
<div class="name">pause-circle-o</div>
<div class="code-name">&amp;#xe8a8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a9;</span>
<div class="name">pay-circle</div>
<div class="code-name">&amp;#xe8a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8aa;</span>
<div class="name">pay-circle-o</div>
<div class="code-name">&amp;#xe8aa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ab;</span>
<div class="name">pen</div>
<div class="code-name">&amp;#xe8ab;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ac;</span>
<div class="name">pdffile</div>
<div class="code-name">&amp;#xe8ac;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8af;</span>
<div class="name">piechart</div>
<div class="code-name">&amp;#xe8af;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b0;</span>
<div class="name">play</div>
<div class="code-name">&amp;#xe8b0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b1;</span>
<div class="name">play-circle-o</div>
<div class="code-name">&amp;#xe8b1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b2;</span>
<div class="name">plus-circle-o</div>
<div class="code-name">&amp;#xe8b2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b3;</span>
<div class="name">plus-square-o</div>
<div class="code-name">&amp;#xe8b3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b4;</span>
<div class="name">plus-circle</div>
<div class="code-name">&amp;#xe8b4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b5;</span>
<div class="name">plus</div>
<div class="code-name">&amp;#xe8b5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b6;</span>
<div class="name">poweroff</div>
<div class="code-name">&amp;#xe8b6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b7;</span>
<div class="name">plus-square</div>
<div class="code-name">&amp;#xe8b7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b8;</span>
<div class="name">pushpin</div>
<div class="code-name">&amp;#xe8b8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b9;</span>
<div class="name">pushpin-o</div>
<div class="code-name">&amp;#xe8b9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ba;</span>
<div class="name">reload</div>
<div class="code-name">&amp;#xe8ba;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8bb;</span>
<div class="name">question-circle-o</div>
<div class="code-name">&amp;#xe8bb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8bc;</span>
<div class="name">question-circle</div>
<div class="code-name">&amp;#xe8bc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8bd;</span>
<div class="name">qrcode</div>
<div class="code-name">&amp;#xe8bd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8be;</span>
<div class="name">retweet</div>
<div class="code-name">&amp;#xe8be;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8bf;</span>
<div class="name">right-circle</div>
<div class="code-name">&amp;#xe8bf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c0;</span>
<div class="name">right-circle-o</div>
<div class="code-name">&amp;#xe8c0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c1;</span>
<div class="name">right-square-o</div>
<div class="code-name">&amp;#xe8c1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c2;</span>
<div class="name">right-square</div>
<div class="code-name">&amp;#xe8c2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c3;</span>
<div class="name">rollback</div>
<div class="code-name">&amp;#xe8c3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c4;</span>
<div class="name">right</div>
<div class="code-name">&amp;#xe8c4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c6;</span>
<div class="name">save</div>
<div class="code-name">&amp;#xe8c6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c7;</span>
<div class="name">shoppingcart</div>
<div class="code-name">&amp;#xe8c7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c8;</span>
<div class="name">scan</div>
<div class="code-name">&amp;#xe8c8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c9;</span>
<div class="name">shrink</div>
<div class="code-name">&amp;#xe8c9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ca;</span>
<div class="name">sharealt</div>
<div class="code-name">&amp;#xe8ca;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8cb;</span>
<div class="name">setting</div>
<div class="code-name">&amp;#xe8cb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8cc;</span>
<div class="name">smile</div>
<div class="code-name">&amp;#xe8cc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8cd;</span>
<div class="name">smile-o</div>
<div class="code-name">&amp;#xe8cd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ce;</span>
<div class="name">star-o</div>
<div class="code-name">&amp;#xe8ce;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8cf;</span>
<div class="name">solution</div>
<div class="code-name">&amp;#xe8cf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d0;</span>
<div class="name">star</div>
<div class="code-name">&amp;#xe8d0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d1;</span>
<div class="name">stepforward</div>
<div class="code-name">&amp;#xe8d1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d2;</span>
<div class="name">stepbackward</div>
<div class="code-name">&amp;#xe8d2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d3;</span>
<div class="name">swap</div>
<div class="code-name">&amp;#xe8d3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d4;</span>
<div class="name">swapleft</div>
<div class="code-name">&amp;#xe8d4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d5;</span>
<div class="name">tag-o</div>
<div class="code-name">&amp;#xe8d5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d6;</span>
<div class="name">tablet</div>
<div class="code-name">&amp;#xe8d6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d7;</span>
<div class="name">swapright</div>
<div class="code-name">&amp;#xe8d7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d8;</span>
<div class="name">tag</div>
<div class="code-name">&amp;#xe8d8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d9;</span>
<div class="name">tags</div>
<div class="code-name">&amp;#xe8d9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8da;</span>
<div class="name">tagso</div>
<div class="code-name">&amp;#xe8da;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe733;</span>
<div class="name">rest</div>
<div class="code-name">&amp;#xe733;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8db;</span>
<div class="name">team</div>
<div class="code-name">&amp;#xe8db;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe735;</span>
<div class="name">search</div>
<div class="code-name">&amp;#xe735;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8dc;</span>
<div class="name">totop</div>
<div class="code-name">&amp;#xe8dc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe737;</span>
<div class="name">smile</div>
<div class="code-name">&amp;#xe737;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8dd;</span>
<div class="name">unlock</div>
<div class="code-name">&amp;#xe8dd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe738;</span>
<div class="name">tag</div>
<div class="code-name">&amp;#xe738;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8de;</span>
<div class="name">up-circle-o</div>
<div class="code-name">&amp;#xe8de;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe73a;</span>
<div class="name">top</div>
<div class="code-name">&amp;#xe73a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8df;</span>
<div class="name">up-circle</div>
<div class="code-name">&amp;#xe8df;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe73e;</span>
<div class="name">user</div>
<div class="code-name">&amp;#xe73e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e0;</span>
<div class="name">up-square-o</div>
<div class="code-name">&amp;#xe8e0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe740;</span>
<div class="name">link</div>
<div class="code-name">&amp;#xe740;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e1;</span>
<div class="name">up-square</div>
<div class="code-name">&amp;#xe8e1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe742;</span>
<div class="name">logout</div>
<div class="code-name">&amp;#xe742;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e2;</span>
<div class="name">up</div>
<div class="code-name">&amp;#xe8e2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe743;</span>
<div class="name">mail</div>
<div class="code-name">&amp;#xe743;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e3;</span>
<div class="name">verticleleft</div>
<div class="code-name">&amp;#xe8e3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe744;</span>
<div class="name">minus</div>
<div class="code-name">&amp;#xe744;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe745;</span>
<div class="name">mobile</div>
<div class="code-name">&amp;#xe745;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e5;</span>
<div class="name">upload</div>
<div class="code-name">&amp;#xe8e5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe746;</span>
<div class="name">note</div>
<div class="code-name">&amp;#xe746;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e6;</span>
<div class="name">windows-o</div>
<div class="code-name">&amp;#xe8e6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe747;</span>
<div class="name">notification</div>
<div class="code-name">&amp;#xe747;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e7;</span>
<div class="name">windows</div>
<div class="code-name">&amp;#xe8e7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe749;</span>
<div class="name">picture</div>
<div class="code-name">&amp;#xe749;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e8;</span>
<div class="name">wordfile</div>
<div class="code-name">&amp;#xe8e8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74a;</span>
<div class="name">place</div>
<div class="code-name">&amp;#xe74a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e9;</span>
<div class="name">note_fill</div>
<div class="code-name">&amp;#xe8e9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74b;</span>
<div class="name">plus</div>
<div class="code-name">&amp;#xe74b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ea;</span>
<div class="name">mail_fill</div>
<div class="code-name">&amp;#xe8ea;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74c;</span>
<div class="name">edit</div>
<div class="code-name">&amp;#xe74c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8eb;</span>
<div class="name">export_fill</div>
<div class="code-name">&amp;#xe8eb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74d;</span>
<div class="name">ellipsis</div>
<div class="code-name">&amp;#xe74d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74e;</span>
<div class="name">export</div>
<div class="code-name">&amp;#xe74e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74f;</span>
<div class="name">express</div>
<div class="code-name">&amp;#xe74f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe750;</span>
<div class="name">eye</div>
<div class="code-name">&amp;#xe750;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ef;</span>
<div class="name">edit</div>
<div class="code-name">&amp;#xe8ef;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe751;</span>
<div class="name">file</div>
<div class="code-name">&amp;#xe751;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f0;</span>
<div class="name">addfile</div>
<div class="code-name">&amp;#xe8f0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe752;</span>
<div class="name">filter</div>
<div class="code-name">&amp;#xe752;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f1;</span>
<div class="name">bulb</div>
<div class="code-name">&amp;#xe8f1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe755;</span>
<div class="name">history</div>
<div class="code-name">&amp;#xe755;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f2;</span>
<div class="name">addfolder</div>
<div class="code-name">&amp;#xe8f2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe756;</span>
<div class="name">home</div>
<div class="code-name">&amp;#xe756;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f3;</span>
<div class="name">id</div>
<div class="code-name">&amp;#xe8f3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe757;</span>
<div class="name">info</div>
<div class="code-name">&amp;#xe757;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f4;</span>
<div class="name">card</div>
<div class="code-name">&amp;#xe8f4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe758;</span>
<div class="name">laptop</div>
<div class="code-name">&amp;#xe758;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75a;</span>
<div class="name">appstore</div>
<div class="code-name">&amp;#xe75a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75c;</span>
<div class="name">calender</div>
<div class="code-name">&amp;#xe75c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f7;</span>
<div class="name">plugin</div>
<div class="code-name">&amp;#xe8f7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75d;</span>
<div class="name">change</div>
<div class="code-name">&amp;#xe75d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75e;</span>
<div class="name">chart</div>
<div class="code-name">&amp;#xe75e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f9;</span>
<div class="name">menu</div>
<div class="code-name">&amp;#xe8f9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75f;</span>
<div class="name">check</div>
<div class="code-name">&amp;#xe75f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8fa;</span>
<div class="name">reload</div>
<div class="code-name">&amp;#xe8fa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe760;</span>
<div class="name">clip</div>
<div class="code-name">&amp;#xe760;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe761;</span>
<div class="name">clock</div>
<div class="code-name">&amp;#xe761;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8fc;</span>
<div class="name">setting_fill</div>
<div class="code-name">&amp;#xe8fc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe762;</span>
<div class="name">computer</div>
<div class="code-name">&amp;#xe762;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8fd;</span>
<div class="name">dashboard_fill</div>
<div class="code-name">&amp;#xe8fd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe763;</span>
<div class="name">cross</div>
<div class="code-name">&amp;#xe763;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8fe;</span>
<div class="name">send</div>
<div class="code-name">&amp;#xe8fe;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe764;</span>
<div class="name">dashboard</div>
<div class="code-name">&amp;#xe764;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ff;</span>
<div class="name">rocket_fill</div>
<div class="code-name">&amp;#xe8ff;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe765;</span>
<div class="name">delete</div>
<div class="code-name">&amp;#xe765;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe900;</span>
<div class="name">schedule_fill</div>
<div class="code-name">&amp;#xe900;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe766;</span>
<div class="name">download</div>
<div class="code-name">&amp;#xe766;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe901;</span>
<div class="name">schedule</div>
<div class="code-name">&amp;#xe901;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe768;</span>
<div class="name">message</div>
<div class="code-name">&amp;#xe768;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe902;</span>
<div class="name">team_fill</div>
<div class="code-name">&amp;#xe902;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76a;</span>
<div class="name">bars</div>
<div class="code-name">&amp;#xe76a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe903;</span>
<div class="name">move</div>
<div class="code-name">&amp;#xe903;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76b;</span>
<div class="name">hide</div>
<div class="code-name">&amp;#xe76b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe904;</span>
<div class="name">express_fill</div>
<div class="code-name">&amp;#xe904;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76c;</span>
<div class="name">eye</div>
<div class="code-name">&amp;#xe76c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe905;</span>
<div class="name">warranty</div>
<div class="code-name">&amp;#xe905;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76d;</span>
<div class="name">zoom in</div>
<div class="code-name">&amp;#xe76d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe906;</span>
<div class="name">tstar_3</div>
<div class="code-name">&amp;#xe906;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76e;</span>
<div class="name">zoom out</div>
<div class="code-name">&amp;#xe76e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe907;</span>
<div class="name">tstar_2</div>
<div class="code-name">&amp;#xe907;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe770;</span>
<div class="name">ac rotate</div>
<div class="code-name">&amp;#xe770;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe908;</span>
<div class="name">tstar_1</div>
<div class="code-name">&amp;#xe908;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe771;</span>
<div class="name">cw rotate</div>
<div class="code-name">&amp;#xe771;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe909;</span>
<div class="name">tstar_4</div>
<div class="code-name">&amp;#xe909;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe772;</span>
<div class="name">heart</div>
<div class="code-name">&amp;#xe772;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe90a;</span>
<div class="name">pay</div>
<div class="code-name">&amp;#xe90a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe773;</span>
<div class="name">like</div>
<div class="code-name">&amp;#xe773;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe90b;</span>
<div class="name">wifi</div>
<div class="code-name">&amp;#xe90b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe774;</span>
<div class="name">arrow_right</div>
<div class="code-name">&amp;#xe774;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe90c;</span>
<div class="name">customermanager</div>
<div class="code-name">&amp;#xe90c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe775;</span>
<div class="name">arrow_up</div>
<div class="code-name">&amp;#xe775;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe90d;</span>
<div class="name">drag</div>
<div class="code-name">&amp;#xe90d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe776;</span>
<div class="name">arrow down</div>
<div class="code-name">&amp;#xe776;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe90e;</span>
<div class="name">enterprise</div>
<div class="code-name">&amp;#xe90e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe777;</span>
<div class="name">arrow_left</div>
<div class="code-name">&amp;#xe777;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe90f;</span>
<div class="name">channel</div>
<div class="code-name">&amp;#xe90f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe778;</span>
<div class="name">favor_fill</div>
<div class="code-name">&amp;#xe778;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe910;</span>
<div class="name">compass</div>
<div class="code-name">&amp;#xe910;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe779;</span>
<div class="name">heart_fill</div>
<div class="code-name">&amp;#xe779;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe911;</span>
<div class="name">database</div>
<div class="code-name">&amp;#xe911;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77a;</span>
<div class="name">dislike</div>
<div class="code-name">&amp;#xe77a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe912;</span>
<div class="name">contacts</div>
<div class="code-name">&amp;#xe912;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77b;</span>
<div class="name">account</div>
<div class="code-name">&amp;#xe77b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe913;</span>
<div class="name">key</div>
<div class="code-name">&amp;#xe913;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77c;</span>
<div class="name">menu off</div>
<div class="code-name">&amp;#xe77c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe914;</span>
<div class="name">global</div>
<div class="code-name">&amp;#xe914;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77d;</span>
<div class="name">menu on</div>
<div class="code-name">&amp;#xe77d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe915;</span>
<div class="name">red-envelope</div>
<div class="code-name">&amp;#xe915;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77e;</span>
<div class="name">order select</div>
<div class="code-name">&amp;#xe77e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe916;</span>
<div class="name">layout</div>
<div class="code-name">&amp;#xe916;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77f;</span>
<div class="name">order</div>
<div class="code-name">&amp;#xe77f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe917;</span>
<div class="name">printer</div>
<div class="code-name">&amp;#xe917;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe780;</span>
<div class="name">favor</div>
<div class="code-name">&amp;#xe780;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe918;</span>
<div class="name">skin</div>
<div class="code-name">&amp;#xe918;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe781;</span>
<div class="name">id input</div>
<div class="code-name">&amp;#xe781;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe919;</span>
<div class="name">table</div>
<div class="code-name">&amp;#xe919;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe785;</span>
<div class="name">rank</div>
<div class="code-name">&amp;#xe785;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe91a;</span>
<div class="name">wallet</div>
<div class="code-name">&amp;#xe91a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe786;</span>
<div class="name">sort</div>
<div class="code-name">&amp;#xe786;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe91b;</span>
<div class="name">gift</div>
<div class="code-name">&amp;#xe91b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe788;</span>
<div class="name">automation</div>
<div class="code-name">&amp;#xe788;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe91c;</span>
<div class="name">car</div>
<div class="code-name">&amp;#xe91c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe789;</span>
<div class="name">caret_down</div>
<div class="code-name">&amp;#xe789;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe91d;</span>
<div class="name">coffee</div>
<div class="code-name">&amp;#xe91d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78a;</span>
<div class="name">caret_up</div>
<div class="code-name">&amp;#xe78a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe91e;</span>
<div class="name">case-o</div>
<div class="code-name">&amp;#xe91e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78c;</span>
<div class="name">reload</div>
<div class="code-name">&amp;#xe78c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe91f;</span>
<div class="name">order-o</div>
<div class="code-name">&amp;#xe91f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78d;</span>
<div class="name">flag_fill</div>
<div class="code-name">&amp;#xe78d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78e;</span>
<div class="name">flag</div>
<div class="code-name">&amp;#xe78e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78f;</span>
<div class="name">call_in</div>
<div class="code-name">&amp;#xe78f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe790;</span>
<div class="name">call_out</div>
<div class="code-name">&amp;#xe790;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe791;</span>
<div class="name">dial</div>
<div class="code-name">&amp;#xe791;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe792;</span>
<div class="name">refund</div>
<div class="code-name">&amp;#xe792;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe793;</span>
<div class="name">message_fill</div>
<div class="code-name">&amp;#xe793;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe794;</span>
<div class="name">phone_fill</div>
<div class="code-name">&amp;#xe794;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe797;</span>
<div class="name">phone</div>
<div class="code-name">&amp;#xe797;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe798;</span>
<div class="name">clock_fill</div>
<div class="code-name">&amp;#xe798;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe799;</span>
<div class="name">notification_fill</div>
<div class="code-name">&amp;#xe799;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79c;</span>
<div class="name">cut</div>
<div class="code-name">&amp;#xe79c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79d;</span>
<div class="name">book</div>
<div class="code-name">&amp;#xe79d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79e;</span>
<div class="name">barrage</div>
<div class="code-name">&amp;#xe79e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a0;</span>
<div class="name">male</div>
<div class="code-name">&amp;#xe7a0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a1;</span>
<div class="name">female</div>
<div class="code-name">&amp;#xe7a1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a4;</span>
<div class="name">expand</div>
<div class="code-name">&amp;#xe7a4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a6;</span>
<div class="name">refund</div>
<div class="code-name">&amp;#xe7a6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a7;</span>
<div class="name">pie-chart</div>
<div class="code-name">&amp;#xe7a7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a9;</span>
<div class="name">backspace</div>
<div class="code-name">&amp;#xe7a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c0;</span>
<div class="name">Invalid</div>
<div class="code-name">&amp;#xe7c0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c1;</span>
<div class="name">repeat</div>
<div class="code-name">&amp;#xe7c1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c2;</span>
<div class="name">timeout</div>
<div class="code-name">&amp;#xe7c2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c3;</span>
<div class="name">urged</div>
<div class="code-name">&amp;#xe7c3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c4;</span>
<div class="name">intervene</div>
<div class="code-name">&amp;#xe7c4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c5;</span>
<div class="name">voice</div>
<div class="code-name">&amp;#xe7c5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83a;</span>
<div class="name">apple</div>
<div class="code-name">&amp;#xe83a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83b;</span>
<div class="name">appstore-o</div>
<div class="code-name">&amp;#xe83b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83c;</span>
<div class="name">areachart</div>
<div class="code-name">&amp;#xe83c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83d;</span>
<div class="name">apple-o</div>
<div class="code-name">&amp;#xe83d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83e;</span>
<div class="name">android</div>
<div class="code-name">&amp;#xe83e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83f;</span>
<div class="name">appstore</div>
<div class="code-name">&amp;#xe83f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe840;</span>
<div class="name">arrowsalt</div>
<div class="code-name">&amp;#xe840;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe841;</span>
<div class="name">banckward</div>
<div class="code-name">&amp;#xe841;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe842;</span>
<div class="name">bars</div>
<div class="code-name">&amp;#xe842;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe843;</span>
<div class="name">book</div>
<div class="code-name">&amp;#xe843;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe844;</span>
<div class="name">barchart</div>
<div class="code-name">&amp;#xe844;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe845;</span>
<div class="name">calendar</div>
<div class="code-name">&amp;#xe845;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe846;</span>
<div class="name">camera-o</div>
<div class="code-name">&amp;#xe846;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe847;</span>
<div class="name">caretleft</div>
<div class="code-name">&amp;#xe847;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe848;</span>
<div class="name">caretdown</div>
<div class="code-name">&amp;#xe848;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe849;</span>
<div class="name">calculator</div>
<div class="code-name">&amp;#xe849;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84a;</span>
<div class="name">camera</div>
<div class="code-name">&amp;#xe84a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84b;</span>
<div class="name">caretright</div>
<div class="code-name">&amp;#xe84b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84c;</span>
<div class="name">check-circle</div>
<div class="code-name">&amp;#xe84c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84d;</span>
<div class="name">caretup</div>
<div class="code-name">&amp;#xe84d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84e;</span>
<div class="name">check-circle-o</div>
<div class="code-name">&amp;#xe84e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84f;</span>
<div class="name">check-square</div>
<div class="code-name">&amp;#xe84f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe850;</span>
<div class="name">check-square-o</div>
<div class="code-name">&amp;#xe850;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe851;</span>
<div class="name">circledown</div>
<div class="code-name">&amp;#xe851;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe852;</span>
<div class="name">chrome</div>
<div class="code-name">&amp;#xe852;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe853;</span>
<div class="name">check</div>
<div class="code-name">&amp;#xe853;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe854;</span>
<div class="name">circledown-o</div>
<div class="code-name">&amp;#xe854;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe855;</span>
<div class="name">clock-circle</div>
<div class="code-name">&amp;#xe855;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe856;</span>
<div class="name">clock-circle-o</div>
<div class="code-name">&amp;#xe856;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe857;</span>
<div class="name">close-circle-o</div>
<div class="code-name">&amp;#xe857;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe858;</span>
<div class="name">close-circle</div>
<div class="code-name">&amp;#xe858;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe859;</span>
<div class="name">close-square-o</div>
<div class="code-name">&amp;#xe859;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85a;</span>
<div class="name">close-square</div>
<div class="code-name">&amp;#xe85a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85b;</span>
<div class="name">close</div>
<div class="code-name">&amp;#xe85b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85c;</span>
<div class="name">clouddownload-o</div>
<div class="code-name">&amp;#xe85c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85d;</span>
<div class="name">clouddownload</div>
<div class="code-name">&amp;#xe85d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85e;</span>
<div class="name">cloudupload-o</div>
<div class="code-name">&amp;#xe85e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85f;</span>
<div class="name">cloudupload</div>
<div class="code-name">&amp;#xe85f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe860;</span>
<div class="name">code-square-o</div>
<div class="code-name">&amp;#xe860;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe861;</span>
<div class="name">code-square</div>
<div class="code-name">&amp;#xe861;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe862;</span>
<div class="name">creditcard</div>
<div class="code-name">&amp;#xe862;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe863;</span>
<div class="name">copy</div>
<div class="code-name">&amp;#xe863;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe864;</span>
<div class="name">desktop</div>
<div class="code-name">&amp;#xe864;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe866;</span>
<div class="name">customerservice</div>
<div class="code-name">&amp;#xe866;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe867;</span>
<div class="name">dislike_fill</div>
<div class="code-name">&amp;#xe867;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe868;</span>
<div class="name">dotchart</div>
<div class="code-name">&amp;#xe868;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe869;</span>
<div class="name">doubleleft</div>
<div class="code-name">&amp;#xe869;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86a;</span>
<div class="name">doubleright</div>
<div class="code-name">&amp;#xe86a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86b;</span>
<div class="name">down-circle-o</div>
<div class="code-name">&amp;#xe86b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86c;</span>
<div class="name">down-circle</div>
<div class="code-name">&amp;#xe86c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86d;</span>
<div class="name">down</div>
<div class="code-name">&amp;#xe86d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86e;</span>
<div class="name">down-square-o</div>
<div class="code-name">&amp;#xe86e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86f;</span>
<div class="name">down-square</div>
<div class="code-name">&amp;#xe86f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe870;</span>
<div class="name">ellipsis</div>
<div class="code-name">&amp;#xe870;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe871;</span>
<div class="name">download</div>
<div class="code-name">&amp;#xe871;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe66a;</span>
<div class="name">切换语言</div>
<div class="code-name">&amp;#xe66a;</div>
</li>
</ul>
<div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2>
<hr>
<p>Unicode 是字体在网页端最原始的应用方式,特点是:</p>
<ul>
<li>支持按字体的方式去动态调整图标大小,颜色等等。</li>
<li>默认情况下不支持多色,直接添加多色图标会自动去色。</li>
</ul>
<blockquote>
<p>注意:新版 iconfont 支持两种方式引用多色图标SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)</p>
</blockquote>
<p>Unicode 使用步骤如下:</p>
<h3 id="-font-face">第一步:拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1685938269808') format('woff2'),
url('iconfont.woff?t=1685938269808') format('woff'),
url('iconfont.ttf?t=1685938269808') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</code></pre>
<h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont ve-icon-about"></span>
<div class="name">
关于我们
</div>
<div class="code-name">.ve-icon-about
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-pin"></span>
<div class="name">
_钉子
</div>
<div class="code-name">.ve-icon-pin
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-addfiletext"></span>
<div class="name">
新增
</div>
<div class="code-name">.ve-icon-addfiletext
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-addnote"></span>
<div class="name">
新增添加
</div>
<div class="code-name">.ve-icon-addnote
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-yewan"></span>
<div class="name">
夜晚
</div>
<div class="code-name">.ve-icon-yewan
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-minimize"></span>
<div class="name">
Minimize-1
</div>
<div class="code-name">.ve-icon-minimize
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-maximize"></span>
<div class="name">
Maximize-1
</div>
<div class="code-name">.ve-icon-maximize
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-maxrestore"></span>
<div class="name">
Maximize-3
</div>
<div class="code-name">.ve-icon-maxrestore
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-bianji"></span>
<div class="name">
编辑
</div>
<div class="code-name">.ve-icon-bianji
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-restore"></span>
<div class="name">
最大化
</div>
<div class="code-name">.ve-icon-restore
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-yuyin1"></span>
<div class="name">
语音
</div>
<div class="code-name">.ve-icon-yuyin1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-submit"></span>
<div class="name">
发送
</div>
<div class="code-name">.ve-icon-submit
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-mima"></span>
<div class="name">
密码
</div>
<div class="code-name">.ve-icon-mima
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-image"></span>
<div class="name">
添加图片
</div>
<div class="code-name">.ve-icon-image
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-audio"></span>
<div class="name">
语音
</div>
<div class="code-name">.ve-icon-audio
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-yuyin"></span>
<div class="name">
语音
</div>
<div class="code-name">.ve-icon-yuyin
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-dots"></span>
<div class="name">
点点
</div>
<div class="code-name">.ve-icon-dots
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-photo"></span>
<div class="name">
图片
</div>
<div class="code-name">.ve-icon-photo
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-vdots"></span>
<div class="name">
点点
</div>
<div class="code-name">.ve-icon-vdots
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-filter2"></span>
<div class="name">
设置
</div>
<div class="code-name">.ve-icon-filter2
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-clean"></span>
<div class="name">
清除
</div>
<div class="code-name">.ve-icon-clean
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-dark"></span>
<div class="name">
暗黑模式
</div>
<div class="code-name">.ve-icon-dark
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-language"></span>
<div class="name">
多语言
</div>
<div class="code-name">.ve-icon-language
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-layers-o"></span>
<div class="name">
模板参数
</div>
<div class="code-name">.ve-icon-layers-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-send-o"></span>
<div class="name">
发布
</div>
<div class="code-name">.ve-icon-send-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-settings-o"></span>
<div class="name">
设置
</div>
<div class="code-name">.ve-icon-settings-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-sunny"></span>
<div class="name">
明亮模式
</div>
<div class="code-name">.ve-icon-sunny
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-guanbi"></span>
<div class="name">
关闭
</div>
<div class="code-name">.ve-icon-guanbi
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-scaleY"></span>
<div class="name">
上下移动
</div>
<div class="code-name">.ve-icon-scaleY
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-scaleX"></span>
<div class="name">
左右移动
</div>
<div class="code-name">.ve-icon-scaleX
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-reset"></span>
<div class="name">
初始化
</div>
<div class="code-name">.ve-icon-reset
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-prev"></span>
<div class="name">
播放-上一个
</div>
<div class="code-name">.ve-icon-prev
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-next"></span>
<div class="name">
播放-下一个
</div>
<div class="code-name">.ve-icon-next
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-zoomBig"></span>
<div class="name">
放大镜1-线型
</div>
<div class="code-name">.ve-icon-zoomBig
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-zoomSmall"></span>
<div class="name">
放大镜2-线型
</div>
<div class="code-name">.ve-icon-zoomSmall
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-imgerr"></span>
<div class="name">
图片2-面型
</div>
<div class="code-name">.ve-icon-imgerr
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-downfile"></span>
<div class="name">
下载5
</div>
<div class="code-name">.ve-icon-downfile
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-rotateLeft"></span>
<div class="name">
逆时针旋转
</div>
<div class="code-name">.ve-icon-rotateLeft
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-rotateRight"></span>
<div class="name">
顺时针旋转
</div>
<div class="code-name">.ve-icon-rotateRight
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-shouqi"></span>
<div class="name">
收起
</div>
<div class="code-name">.ve-icon-shouqi
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-quanping"></span>
<div class="name">
全屏
</div>
<div class="code-name">.ve-icon-quanping
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-paixu"></span>
<div class="name">
排序
</div>
<div class="code-name">.ve-icon-paixu
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-xiangshang"></span>
<div class="name">
向上
</div>
<div class="code-name">.ve-icon-xiangshang
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-xiangxia"></span>
<div class="name">
向下
</div>
<div class="code-name">.ve-icon-xiangxia
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-full"></span>
<div class="name">
全屏
</div>
<div class="code-name">.ve-icon-full
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-collapse"></span>
<div class="name">
收起列
</div>
<div class="code-name">.ve-icon-collapse
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-xiala"></span>
<div class="name">
下拉
</div>
<div class="code-name">.ve-icon-xiala
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-unfull"></span>
<div class="name">
全屏退出
</div>
<div class="code-name">.ve-icon-unfull
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-enter"></span>
<div class="name">
enter
</div>
<div class="code-name">.ve-icon-enter
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-enviroment"></span>
<div class="name">
enviroment
</div>
<div class="code-name">.ve-icon-enviroment
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-enviroment-o"></span>
<div class="name">
enviroment-o
</div>
<div class="code-name">.ve-icon-enviroment-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-exclamation-circle-o"></span>
<div class="name">
exclamation-circle-o
</div>
<div class="code-name">.ve-icon-exclamation-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-exclamation-circle"></span>
<div class="name">
exclamation-circle
</div>
<div class="code-name">.ve-icon-exclamation-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-exception"></span>
<div class="name">
exception
</div>
<div class="code-name">.ve-icon-exception
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-export1"></span>
<div class="name">
export
</div>
<div class="code-name">.ve-icon-export1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-exclefile"></span>
<div class="name">
exclefile
</div>
<div class="code-name">.ve-icon-exclefile
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-export2"></span>
<div class="name">
export2
</div>
<div class="code-name">.ve-icon-export2
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-eye-o"></span>
<div class="name">
eye-o
</div>
<div class="code-name">.ve-icon-eye-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-eye2"></span>
<div class="name">
eye
</div>
<div class="code-name">.ve-icon-eye2
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-fileplain"></span>
<div class="name">
file
</div>
<div class="code-name">.ve-icon-fileplain
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-filetext"></span>
<div class="name">
filetext
</div>
<div class="code-name">.ve-icon-filetext
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-filter1"></span>
<div class="name">
filter
</div>
<div class="code-name">.ve-icon-filter1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-folder"></span>
<div class="name">
folder
</div>
<div class="code-name">.ve-icon-folder
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-folderopen"></span>
<div class="name">
folderopen
</div>
<div class="code-name">.ve-icon-folderopen
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-frown-o"></span>
<div class="name">
frown-o
</div>
<div class="code-name">.ve-icon-frown-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-github"></span>
<div class="name">
github
</div>
<div class="code-name">.ve-icon-github
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-frown"></span>
<div class="name">
frown
</div>
<div class="code-name">.ve-icon-frown
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-hdd"></span>
<div class="name">
hdd
</div>
<div class="code-name">.ve-icon-hdd
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-heart-o"></span>
<div class="name">
heart-o
</div>
<div class="code-name">.ve-icon-heart-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-heart1"></span>
<div class="name">
heart
</div>
<div class="code-name">.ve-icon-heart1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-inbox"></span>
<div class="name">
inbox
</div>
<div class="code-name">.ve-icon-inbox
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-ie"></span>
<div class="name">
ie
</div>
<div class="code-name">.ve-icon-ie
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-info-cirlce"></span>
<div class="name">
info-cirlce
</div>
<div class="code-name">.ve-icon-info-cirlce
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-info-cirlce-o"></span>
<div class="name">
info-cirlce-o
</div>
<div class="code-name">.ve-icon-info-cirlce-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-left-circle-o"></span>
<div class="name">
left-circle-o
</div>
<div class="code-name">.ve-icon-left-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-jpgfile"></span>
<div class="name">
jpgfile
</div>
<div class="code-name">.ve-icon-jpgfile
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-laptop1"></span>
<div class="name">
laptop
</div>
<div class="code-name">.ve-icon-laptop1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-left-square"></span>
<div class="name">
left-square
</div>
<div class="code-name">.ve-icon-left-square
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-left-circle"></span>
<div class="name">
left-circle
</div>
<div class="code-name">.ve-icon-left-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-left-square-o"></span>
<div class="name">
left-square-o
</div>
<div class="code-name">.ve-icon-left-square-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-left"></span>
<div class="name">
left
</div>
<div class="code-name">.ve-icon-left
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-like1"></span>
<div class="name">
like_fill
</div>
<div class="code-name">.ve-icon-like1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-linechart"></span>
<div class="name">
linechart
</div>
<div class="code-name">.ve-icon-linechart
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-loading"></span>
<div class="name">
loading1
</div>
<div class="code-name">.ve-icon-loading
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-lock"></span>
<div class="name">
lock
</div>
<div class="code-name">.ve-icon-lock
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-meho"></span>
<div class="name">
meho
</div>
<div class="code-name">.ve-icon-meho
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-meh"></span>
<div class="name">
meh
</div>
<div class="code-name">.ve-icon-meh
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-menufold"></span>
<div class="name">
menufold
</div>
<div class="code-name">.ve-icon-menufold
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-menuunfold"></span>
<div class="name">
menuunfold
</div>
<div class="code-name">.ve-icon-menuunfold
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-minus-circle-o"></span>
<div class="name">
minus-circle-o
</div>
<div class="code-name">.ve-icon-minus-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-minus-square-o"></span>
<div class="name">
minus-square-o
</div>
<div class="code-name">.ve-icon-minus-square-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-minus-circle"></span>
<div class="name">
minus-circle
</div>
<div class="code-name">.ve-icon-minus-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-minus-square"></span>
<div class="name">
minus-square
</div>
<div class="code-name">.ve-icon-minus-square
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-mobile1"></span>
<div class="name">
mobile
</div>
<div class="code-name">.ve-icon-mobile1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-paperclip"></span>
<div class="name">
paperclip
</div>
<div class="code-name">.ve-icon-paperclip
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-notification1"></span>
<div class="name">
notification
</div>
<div class="code-name">.ve-icon-notification1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-pause-circle"></span>
<div class="name">
pause-circle
</div>
<div class="code-name">.ve-icon-pause-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-pause-circle-o"></span>
<div class="name">
pause-circle-o
</div>
<div class="code-name">.ve-icon-pause-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-pay-circle"></span>
<div class="name">
pay-circle
</div>
<div class="code-name">.ve-icon-pay-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-pay-circle-o"></span>
<div class="name">
pay-circle-o
</div>
<div class="code-name">.ve-icon-pay-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-pen"></span>
<div class="name">
pen
</div>
<div class="code-name">.ve-icon-pen
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-pdffile"></span>
<div class="name">
pdffile
</div>
<div class="code-name">.ve-icon-pdffile
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-piechart"></span>
<div class="name">
piechart
</div>
<div class="code-name">.ve-icon-piechart
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-play"></span>
<div class="name">
play
</div>
<div class="code-name">.ve-icon-play
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-play-circle-o"></span>
<div class="name">
play-circle-o
</div>
<div class="code-name">.ve-icon-play-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-plus-circle-o"></span>
<div class="name">
plus-circle-o
</div>
<div class="code-name">.ve-icon-plus-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-plus-square-o"></span>
<div class="name">
plus-square-o
</div>
<div class="code-name">.ve-icon-plus-square-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-plus-circle"></span>
<div class="name">
plus-circle
</div>
<div class="code-name">.ve-icon-plus-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-plus1"></span>
<div class="name">
plus
</div>
<div class="code-name">.ve-icon-plus1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-poweroff"></span>
<div class="name">
poweroff
</div>
<div class="code-name">.ve-icon-poweroff
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-plus-square"></span>
<div class="name">
plus-square
</div>
<div class="code-name">.ve-icon-plus-square
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-pushpin"></span>
<div class="name">
pushpin
</div>
<div class="code-name">.ve-icon-pushpin
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-pushpin-o"></span>
<div class="name">
pushpin-o
</div>
<div class="code-name">.ve-icon-pushpin-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-reload1"></span>
<div class="name">
reload
</div>
<div class="code-name">.ve-icon-reload1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-question-circle-o"></span>
<div class="name">
question-circle-o
</div>
<div class="code-name">.ve-icon-question-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-question-circle"></span>
<div class="name">
question-circle
</div>
<div class="code-name">.ve-icon-question-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-qrcode"></span>
<div class="name">
qrcode
</div>
<div class="code-name">.ve-icon-qrcode
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-retweet"></span>
<div class="name">
retweet
</div>
<div class="code-name">.ve-icon-retweet
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-right-circle"></span>
<div class="name">
right-circle
</div>
<div class="code-name">.ve-icon-right-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-right-circle-o"></span>
<div class="name">
right-circle-o
</div>
<div class="code-name">.ve-icon-right-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-right-square-o"></span>
<div class="name">
right-square-o
</div>
<div class="code-name">.ve-icon-right-square-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-right-square"></span>
<div class="name">
right-square
</div>
<div class="code-name">.ve-icon-right-square
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-rollback"></span>
<div class="name">
rollback
</div>
<div class="code-name">.ve-icon-rollback
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-right"></span>
<div class="name">
right
</div>
<div class="code-name">.ve-icon-right
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-save"></span>
<div class="name">
save
</div>
<div class="code-name">.ve-icon-save
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-shoppingcart"></span>
<div class="name">
shoppingcart
</div>
<div class="code-name">.ve-icon-shoppingcart
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-scan"></span>
<div class="name">
scan
</div>
<div class="code-name">.ve-icon-scan
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-shrink"></span>
<div class="name">
shrink
</div>
<div class="code-name">.ve-icon-shrink
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-sharealt"></span>
<div class="name">
sharealt
</div>
<div class="code-name">.ve-icon-sharealt
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-setting"></span>
<div class="name">
setting
</div>
<div class="code-name">.ve-icon-setting
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-smile1"></span>
<div class="name">
smile
</div>
<div class="code-name">.ve-icon-smile1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-smile-o"></span>
<div class="name">
smile-o
</div>
<div class="code-name">.ve-icon-smile-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-star-o"></span>
<div class="name">
star-o
</div>
<div class="code-name">.ve-icon-star-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-solution"></span>
<div class="name">
solution
</div>
<div class="code-name">.ve-icon-solution
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-star"></span>
<div class="name">
star
</div>
<div class="code-name">.ve-icon-star
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-stepforward"></span>
<div class="name">
stepforward
</div>
<div class="code-name">.ve-icon-stepforward
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-stepbackward"></span>
<div class="name">
stepbackward
</div>
<div class="code-name">.ve-icon-stepbackward
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-swap"></span>
<div class="name">
swap
</div>
<div class="code-name">.ve-icon-swap
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-swapleft"></span>
<div class="name">
swapleft
</div>
<div class="code-name">.ve-icon-swapleft
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-tag-o"></span>
<div class="name">
tag-o
</div>
<div class="code-name">.ve-icon-tag-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-tablet"></span>
<div class="name">
tablet
</div>
<div class="code-name">.ve-icon-tablet
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-swapright"></span>
<div class="name">
swapright
</div>
<div class="code-name">.ve-icon-swapright
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-tag1"></span>
<div class="name">
tag
</div>
<div class="code-name">.ve-icon-tag1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-tags"></span>
<div class="name">
tags
</div>
<div class="code-name">.ve-icon-tags
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-tagso"></span>
<div class="name">
tagso
</div>
<div class="code-name">.ve-icon-tagso
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-rest"></span>
<div class="name">
rest
</div>
<div class="code-name">.ve-icon-rest
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-team"></span>
<div class="name">
team
</div>
<div class="code-name">.ve-icon-team
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-search"></span>
<div class="name">
search
</div>
<div class="code-name">.ve-icon-search
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-totop"></span>
<div class="name">
totop
</div>
<div class="code-name">.ve-icon-totop
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-smile"></span>
<div class="name">
smile
</div>
<div class="code-name">.ve-icon-smile
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-unlock"></span>
<div class="name">
unlock
</div>
<div class="code-name">.ve-icon-unlock
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-tag"></span>
<div class="name">
tag
</div>
<div class="code-name">.ve-icon-tag
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-up-circle-o"></span>
<div class="name">
up-circle-o
</div>
<div class="code-name">.ve-icon-up-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-top"></span>
<div class="name">
top
</div>
<div class="code-name">.ve-icon-top
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-up-circle"></span>
<div class="name">
up-circle
</div>
<div class="code-name">.ve-icon-up-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-user"></span>
<div class="name">
user
</div>
<div class="code-name">.ve-icon-user
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-up-square-o"></span>
<div class="name">
up-square-o
</div>
<div class="code-name">.ve-icon-up-square-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-link"></span>
<div class="name">
link
</div>
<div class="code-name">.ve-icon-link
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-up-square"></span>
<div class="name">
up-square
</div>
<div class="code-name">.ve-icon-up-square
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-logout"></span>
<div class="name">
logout
</div>
<div class="code-name">.ve-icon-logout
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-up"></span>
<div class="name">
up
</div>
<div class="code-name">.ve-icon-up
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-mail"></span>
<div class="name">
mail
</div>
<div class="code-name">.ve-icon-mail
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-verticleleft"></span>
<div class="name">
verticleleft
</div>
<div class="code-name">.ve-icon-verticleleft
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-minus"></span>
<div class="name">
minus
</div>
<div class="code-name">.ve-icon-minus
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-mobile"></span>
<div class="name">
mobile
</div>
<div class="code-name">.ve-icon-mobile
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-upload"></span>
<div class="name">
upload
</div>
<div class="code-name">.ve-icon-upload
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-note"></span>
<div class="name">
note
</div>
<div class="code-name">.ve-icon-note
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-windows-o"></span>
<div class="name">
windows-o
</div>
<div class="code-name">.ve-icon-windows-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-notification"></span>
<div class="name">
notification
</div>
<div class="code-name">.ve-icon-notification
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-windows"></span>
<div class="name">
windows
</div>
<div class="code-name">.ve-icon-windows
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-picture"></span>
<div class="name">
picture
</div>
<div class="code-name">.ve-icon-picture
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-wordfile"></span>
<div class="name">
wordfile
</div>
<div class="code-name">.ve-icon-wordfile
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-place"></span>
<div class="name">
place
</div>
<div class="code-name">.ve-icon-place
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-note_fill"></span>
<div class="name">
note_fill
</div>
<div class="code-name">.ve-icon-note_fill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-plus"></span>
<div class="name">
plus
</div>
<div class="code-name">.ve-icon-plus
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-mail_fill"></span>
<div class="name">
mail_fill
</div>
<div class="code-name">.ve-icon-mail_fill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-edit"></span>
<div class="name">
edit
</div>
<div class="code-name">.ve-icon-edit
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-export_fill"></span>
<div class="name">
export_fill
</div>
<div class="code-name">.ve-icon-export_fill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-ellipsis"></span>
<div class="name">
ellipsis
</div>
<div class="code-name">.ve-icon-ellipsis
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-export"></span>
<div class="name">
export
</div>
<div class="code-name">.ve-icon-export
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-express"></span>
<div class="name">
express
</div>
<div class="code-name">.ve-icon-express
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-eye"></span>
<div class="name">
eye
</div>
<div class="code-name">.ve-icon-eye
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-edit1"></span>
<div class="name">
edit
</div>
<div class="code-name">.ve-icon-edit1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-file"></span>
<div class="name">
file
</div>
<div class="code-name">.ve-icon-file
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-addfile"></span>
<div class="name">
addfile
</div>
<div class="code-name">.ve-icon-addfile
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-filter"></span>
<div class="name">
filter
</div>
<div class="code-name">.ve-icon-filter
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-bulb"></span>
<div class="name">
bulb
</div>
<div class="code-name">.ve-icon-bulb
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-history"></span>
<div class="name">
history
</div>
<div class="code-name">.ve-icon-history
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-addfolder"></span>
<div class="name">
addfolder
</div>
<div class="code-name">.ve-icon-addfolder
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-home"></span>
<div class="name">
home
</div>
<div class="code-name">.ve-icon-home
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-id"></span>
<div class="name">
id
</div>
<div class="code-name">.ve-icon-id
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-info"></span>
<div class="name">
info
</div>
<div class="code-name">.ve-icon-info
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-card"></span>
<div class="name">
card
</div>
<div class="code-name">.ve-icon-card
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-laptop"></span>
<div class="name">
laptop
</div>
<div class="code-name">.ve-icon-laptop
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-appstore"></span>
<div class="name">
appstore
</div>
<div class="code-name">.ve-icon-appstore
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-calender"></span>
<div class="name">
calender
</div>
<div class="code-name">.ve-icon-calender
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-plugin"></span>
<div class="name">
plugin
</div>
<div class="code-name">.ve-icon-plugin
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-change"></span>
<div class="name">
change
</div>
<div class="code-name">.ve-icon-change
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-chart"></span>
<div class="name">
chart
</div>
<div class="code-name">.ve-icon-chart
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-menu"></span>
<div class="name">
menu
</div>
<div class="code-name">.ve-icon-menu
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-check"></span>
<div class="name">
check
</div>
<div class="code-name">.ve-icon-check
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-reload2"></span>
<div class="name">
reload
</div>
<div class="code-name">.ve-icon-reload2
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-clip"></span>
<div class="name">
clip
</div>
<div class="code-name">.ve-icon-clip
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-clock"></span>
<div class="name">
clock
</div>
<div class="code-name">.ve-icon-clock
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-setting_fill"></span>
<div class="name">
setting_fill
</div>
<div class="code-name">.ve-icon-setting_fill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-computer"></span>
<div class="name">
computer
</div>
<div class="code-name">.ve-icon-computer
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-dashboard_fill"></span>
<div class="name">
dashboard_fill
</div>
<div class="code-name">.ve-icon-dashboard_fill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-cross"></span>
<div class="name">
cross
</div>
<div class="code-name">.ve-icon-cross
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-send"></span>
<div class="name">
send
</div>
<div class="code-name">.ve-icon-send
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-dashboard"></span>
<div class="name">
dashboard
</div>
<div class="code-name">.ve-icon-dashboard
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-rocket_fill"></span>
<div class="name">
rocket_fill
</div>
<div class="code-name">.ve-icon-rocket_fill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-delete"></span>
<div class="name">
delete
</div>
<div class="code-name">.ve-icon-delete
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-schedulefill"></span>
<div class="name">
schedule_fill
</div>
<div class="code-name">.ve-icon-schedulefill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-download"></span>
<div class="name">
download
</div>
<div class="code-name">.ve-icon-download
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-schedule"></span>
<div class="name">
schedule
</div>
<div class="code-name">.ve-icon-schedule
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-message"></span>
<div class="name">
message
</div>
<div class="code-name">.ve-icon-message
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-team_fill"></span>
<div class="name">
team_fill
</div>
<div class="code-name">.ve-icon-team_fill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-bars"></span>
<div class="name">
bars
</div>
<div class="code-name">.ve-icon-bars
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-move"></span>
<div class="name">
move
</div>
<div class="code-name">.ve-icon-move
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-hide"></span>
<div class="name">
hide
</div>
<div class="code-name">.ve-icon-hide
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-express_fill"></span>
<div class="name">
express_fill
</div>
<div class="code-name">.ve-icon-express_fill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-eye1"></span>
<div class="name">
eye
</div>
<div class="code-name">.ve-icon-eye1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-warranty"></span>
<div class="name">
warranty
</div>
<div class="code-name">.ve-icon-warranty
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-zoomin"></span>
<div class="name">
zoom in
</div>
<div class="code-name">.ve-icon-zoomin
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-tstar_"></span>
<div class="name">
tstar_3
</div>
<div class="code-name">.ve-icon-tstar_
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-zoomout"></span>
<div class="name">
zoom out
</div>
<div class="code-name">.ve-icon-zoomout
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-tstar_1"></span>
<div class="name">
tstar_2
</div>
<div class="code-name">.ve-icon-tstar_1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-acrotate"></span>
<div class="name">
ac rotate
</div>
<div class="code-name">.ve-icon-acrotate
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-tstar_2"></span>
<div class="name">
tstar_1
</div>
<div class="code-name">.ve-icon-tstar_2
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-cwrotate"></span>
<div class="name">
cw rotate
</div>
<div class="code-name">.ve-icon-cwrotate
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-tstar_3"></span>
<div class="name">
tstar_4
</div>
<div class="code-name">.ve-icon-tstar_3
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-heart"></span>
<div class="name">
heart
</div>
<div class="code-name">.ve-icon-heart
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-pay"></span>
<div class="name">
pay
</div>
<div class="code-name">.ve-icon-pay
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-like"></span>
<div class="name">
like
</div>
<div class="code-name">.ve-icon-like
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-wifi"></span>
<div class="name">
wifi
</div>
<div class="code-name">.ve-icon-wifi
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-arrowright"></span>
<div class="name">
arrow_right
</div>
<div class="code-name">.ve-icon-arrowright
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-customermanager"></span>
<div class="name">
customermanager
</div>
<div class="code-name">.ve-icon-customermanager
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-arrowup"></span>
<div class="name">
arrow_up
</div>
<div class="code-name">.ve-icon-arrowup
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-drag"></span>
<div class="name">
drag
</div>
<div class="code-name">.ve-icon-drag
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-arrowdown"></span>
<div class="name">
arrow down
</div>
<div class="code-name">.ve-icon-arrowdown
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-enterprise"></span>
<div class="name">
enterprise
</div>
<div class="code-name">.ve-icon-enterprise
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-arrowleft"></span>
<div class="name">
arrow_left
</div>
<div class="code-name">.ve-icon-arrowleft
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-channel"></span>
<div class="name">
channel
</div>
<div class="code-name">.ve-icon-channel
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-favorfill"></span>
<div class="name">
favor_fill
</div>
<div class="code-name">.ve-icon-favorfill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-compass"></span>
<div class="name">
compass
</div>
<div class="code-name">.ve-icon-compass
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-heartfill"></span>
<div class="name">
heart_fill
</div>
<div class="code-name">.ve-icon-heartfill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-database"></span>
<div class="name">
database
</div>
<div class="code-name">.ve-icon-database
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-dislike"></span>
<div class="name">
dislike
</div>
<div class="code-name">.ve-icon-dislike
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-contacts"></span>
<div class="name">
contacts
</div>
<div class="code-name">.ve-icon-contacts
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-account"></span>
<div class="name">
account
</div>
<div class="code-name">.ve-icon-account
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-key"></span>
<div class="name">
key
</div>
<div class="code-name">.ve-icon-key
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-menuoff"></span>
<div class="name">
menu off
</div>
<div class="code-name">.ve-icon-menuoff
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-global"></span>
<div class="name">
global
</div>
<div class="code-name">.ve-icon-global
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-menuon"></span>
<div class="name">
menu on
</div>
<div class="code-name">.ve-icon-menuon
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-red-envelope"></span>
<div class="name">
red-envelope
</div>
<div class="code-name">.ve-icon-red-envelope
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-orderselect"></span>
<div class="name">
order select
</div>
<div class="code-name">.ve-icon-orderselect
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-layout"></span>
<div class="name">
layout
</div>
<div class="code-name">.ve-icon-layout
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-order"></span>
<div class="name">
order
</div>
<div class="code-name">.ve-icon-order
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-printer"></span>
<div class="name">
printer
</div>
<div class="code-name">.ve-icon-printer
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-favor"></span>
<div class="name">
favor
</div>
<div class="code-name">.ve-icon-favor
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-skin"></span>
<div class="name">
skin
</div>
<div class="code-name">.ve-icon-skin
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-idinput"></span>
<div class="name">
id input
</div>
<div class="code-name">.ve-icon-idinput
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-table"></span>
<div class="name">
table
</div>
<div class="code-name">.ve-icon-table
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-rank"></span>
<div class="name">
rank
</div>
<div class="code-name">.ve-icon-rank
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-wallet"></span>
<div class="name">
wallet
</div>
<div class="code-name">.ve-icon-wallet
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-sort"></span>
<div class="name">
sort
</div>
<div class="code-name">.ve-icon-sort
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-gift"></span>
<div class="name">
gift
</div>
<div class="code-name">.ve-icon-gift
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-automation"></span>
<div class="name">
automation
</div>
<div class="code-name">.ve-icon-automation
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-car"></span>
<div class="name">
car
</div>
<div class="code-name">.ve-icon-car
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-caretdown"></span>
<div class="name">
caret_down
</div>
<div class="code-name">.ve-icon-caretdown
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-coffee"></span>
<div class="name">
coffee
</div>
<div class="code-name">.ve-icon-coffee
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-caretup"></span>
<div class="name">
caret_up
</div>
<div class="code-name">.ve-icon-caretup
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-case-o"></span>
<div class="name">
case-o
</div>
<div class="code-name">.ve-icon-case-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-reload"></span>
<div class="name">
reload
</div>
<div class="code-name">.ve-icon-reload
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-order-o"></span>
<div class="name">
order-o
</div>
<div class="code-name">.ve-icon-order-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-flagfill"></span>
<div class="name">
flag_fill
</div>
<div class="code-name">.ve-icon-flagfill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-flag"></span>
<div class="name">
flag
</div>
<div class="code-name">.ve-icon-flag
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-callin"></span>
<div class="name">
call_in
</div>
<div class="code-name">.ve-icon-callin
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-callout"></span>
<div class="name">
call_out
</div>
<div class="code-name">.ve-icon-callout
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-dial"></span>
<div class="name">
dial
</div>
<div class="code-name">.ve-icon-dial
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-refund"></span>
<div class="name">
refund
</div>
<div class="code-name">.ve-icon-refund
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-messagefill"></span>
<div class="name">
message_fill
</div>
<div class="code-name">.ve-icon-messagefill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-phonefill"></span>
<div class="name">
phone_fill
</div>
<div class="code-name">.ve-icon-phonefill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-phone"></span>
<div class="name">
phone
</div>
<div class="code-name">.ve-icon-phone
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-clockfill"></span>
<div class="name">
clock_fill
</div>
<div class="code-name">.ve-icon-clockfill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-notificationfill"></span>
<div class="name">
notification_fill
</div>
<div class="code-name">.ve-icon-notificationfill
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-cut"></span>
<div class="name">
cut
</div>
<div class="code-name">.ve-icon-cut
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-book"></span>
<div class="name">
book
</div>
<div class="code-name">.ve-icon-book
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-barrage"></span>
<div class="name">
barrage
</div>
<div class="code-name">.ve-icon-barrage
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-male"></span>
<div class="name">
male
</div>
<div class="code-name">.ve-icon-male
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-female"></span>
<div class="name">
female
</div>
<div class="code-name">.ve-icon-female
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-expand"></span>
<div class="name">
expand
</div>
<div class="code-name">.ve-icon-expand
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-refund1"></span>
<div class="name">
refund
</div>
<div class="code-name">.ve-icon-refund1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-pie-chart"></span>
<div class="name">
pie-chart
</div>
<div class="code-name">.ve-icon-pie-chart
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-backspace"></span>
<div class="name">
backspace
</div>
<div class="code-name">.ve-icon-backspace
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-Invalid"></span>
<div class="name">
Invalid
</div>
<div class="code-name">.ve-icon-Invalid
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-repeat"></span>
<div class="name">
repeat
</div>
<div class="code-name">.ve-icon-repeat
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-timeout"></span>
<div class="name">
timeout
</div>
<div class="code-name">.ve-icon-timeout
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-urged"></span>
<div class="name">
urged
</div>
<div class="code-name">.ve-icon-urged
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-intervene"></span>
<div class="name">
intervene
</div>
<div class="code-name">.ve-icon-intervene
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-voice"></span>
<div class="name">
voice
</div>
<div class="code-name">.ve-icon-voice
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-apple"></span>
<div class="name">
apple
</div>
<div class="code-name">.ve-icon-apple
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-appstore-o"></span>
<div class="name">
appstore-o
</div>
<div class="code-name">.ve-icon-appstore-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-areachart"></span>
<div class="name">
areachart
</div>
<div class="code-name">.ve-icon-areachart
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-apple-o"></span>
<div class="name">
apple-o
</div>
<div class="code-name">.ve-icon-apple-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-android"></span>
<div class="name">
android
</div>
<div class="code-name">.ve-icon-android
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-appstore1"></span>
<div class="name">
appstore
</div>
<div class="code-name">.ve-icon-appstore1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-arrowsalt"></span>
<div class="name">
arrowsalt
</div>
<div class="code-name">.ve-icon-arrowsalt
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-banckward"></span>
<div class="name">
banckward
</div>
<div class="code-name">.ve-icon-banckward
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-bars1"></span>
<div class="name">
bars
</div>
<div class="code-name">.ve-icon-bars1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-book1"></span>
<div class="name">
book
</div>
<div class="code-name">.ve-icon-book1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-barchart"></span>
<div class="name">
barchart
</div>
<div class="code-name">.ve-icon-barchart
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-calendar"></span>
<div class="name">
calendar
</div>
<div class="code-name">.ve-icon-calendar
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-camera-o"></span>
<div class="name">
camera-o
</div>
<div class="code-name">.ve-icon-camera-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-caretleft"></span>
<div class="name">
caretleft
</div>
<div class="code-name">.ve-icon-caretleft
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-caretdown1"></span>
<div class="name">
caretdown
</div>
<div class="code-name">.ve-icon-caretdown1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-calculator"></span>
<div class="name">
calculator
</div>
<div class="code-name">.ve-icon-calculator
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-camera"></span>
<div class="name">
camera
</div>
<div class="code-name">.ve-icon-camera
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-caretright"></span>
<div class="name">
caretright
</div>
<div class="code-name">.ve-icon-caretright
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-check-circle"></span>
<div class="name">
check-circle
</div>
<div class="code-name">.ve-icon-check-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-caretup1"></span>
<div class="name">
caretup
</div>
<div class="code-name">.ve-icon-caretup1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-check-circle-o"></span>
<div class="name">
check-circle-o
</div>
<div class="code-name">.ve-icon-check-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-check-square"></span>
<div class="name">
check-square
</div>
<div class="code-name">.ve-icon-check-square
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-check-square-o"></span>
<div class="name">
check-square-o
</div>
<div class="code-name">.ve-icon-check-square-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-circledown"></span>
<div class="name">
circledown
</div>
<div class="code-name">.ve-icon-circledown
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-chrome"></span>
<div class="name">
chrome
</div>
<div class="code-name">.ve-icon-chrome
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-check1"></span>
<div class="name">
check
</div>
<div class="code-name">.ve-icon-check1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-circledown-o"></span>
<div class="name">
circledown-o
</div>
<div class="code-name">.ve-icon-circledown-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-clock-circle"></span>
<div class="name">
clock-circle
</div>
<div class="code-name">.ve-icon-clock-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-clock-circle-o"></span>
<div class="name">
clock-circle-o
</div>
<div class="code-name">.ve-icon-clock-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-close-circle-o"></span>
<div class="name">
close-circle-o
</div>
<div class="code-name">.ve-icon-close-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-close-circle"></span>
<div class="name">
close-circle
</div>
<div class="code-name">.ve-icon-close-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-close-square-o"></span>
<div class="name">
close-square-o
</div>
<div class="code-name">.ve-icon-close-square-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-close-square"></span>
<div class="name">
close-square
</div>
<div class="code-name">.ve-icon-close-square
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-close"></span>
<div class="name">
close
</div>
<div class="code-name">.ve-icon-close
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-clouddownload-o"></span>
<div class="name">
clouddownload-o
</div>
<div class="code-name">.ve-icon-clouddownload-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-clouddownload"></span>
<div class="name">
clouddownload
</div>
<div class="code-name">.ve-icon-clouddownload
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-cloudupload-o"></span>
<div class="name">
cloudupload-o
</div>
<div class="code-name">.ve-icon-cloudupload-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-cloudupload"></span>
<div class="name">
cloudupload
</div>
<div class="code-name">.ve-icon-cloudupload
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-code-square-o"></span>
<div class="name">
code-square-o
</div>
<div class="code-name">.ve-icon-code-square-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-code-square"></span>
<div class="name">
code-square
</div>
<div class="code-name">.ve-icon-code-square
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-creditcard"></span>
<div class="name">
creditcard
</div>
<div class="code-name">.ve-icon-creditcard
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-copy"></span>
<div class="name">
copy
</div>
<div class="code-name">.ve-icon-copy
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-desktop"></span>
<div class="name">
desktop
</div>
<div class="code-name">.ve-icon-desktop
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-customerservice"></span>
<div class="name">
customerservice
</div>
<div class="code-name">.ve-icon-customerservice
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-dislike1"></span>
<div class="name">
dislike_fill
</div>
<div class="code-name">.ve-icon-dislike1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-dotchart"></span>
<div class="name">
dotchart
</div>
<div class="code-name">.ve-icon-dotchart
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-doubleleft"></span>
<div class="name">
doubleleft
</div>
<div class="code-name">.ve-icon-doubleleft
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-doubleright"></span>
<div class="name">
doubleright
</div>
<div class="code-name">.ve-icon-doubleright
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-down-circle-o"></span>
<div class="name">
down-circle-o
</div>
<div class="code-name">.ve-icon-down-circle-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-down-circle"></span>
<div class="name">
down-circle
</div>
<div class="code-name">.ve-icon-down-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-down"></span>
<div class="name">
down
</div>
<div class="code-name">.ve-icon-down
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-down-square-o"></span>
<div class="name">
down-square-o
</div>
<div class="code-name">.ve-icon-down-square-o
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-down-square"></span>
<div class="name">
down-square
</div>
<div class="code-name">.ve-icon-down-square
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-ellipsis1"></span>
<div class="name">
ellipsis
</div>
<div class="code-name">.ve-icon-ellipsis1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-download1"></span>
<div class="name">
download
</div>
<div class="code-name">.ve-icon-download1
</div>
</li>
<li class="dib">
<span class="icon iconfont ve-icon-lang"></span>
<div class="name">
切换语言
</div>
<div class="code-name">.ve-icon-lang
</div>
</li>
</ul>
<div class="article markdown">
<h2 id="font-class-">font-class 引用</h2>
<hr>
<p>font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。</p>
<p>与 Unicode 使用方式相比,具有如下特点:</p>
<ul>
<li>相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。</li>
<li>因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。</li>
</ul>
<p>使用步骤如下:</p>
<h3 id="-fontclass-">第一步:引入项目下面生成的 fontclass 代码:</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
<h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
<pre><code class="language-html">&lt;span class="iconfont ve-icon-xxx"&gt;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"
iconfont" 是你项目下的 font-family。可以通过编辑项目查看默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-about"></use>
</svg>
<div class="name">关于我们</div>
<div class="code-name">#ve-icon-about</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-pin"></use>
</svg>
<div class="name">_钉子</div>
<div class="code-name">#ve-icon-pin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-addfiletext"></use>
</svg>
<div class="name">新增</div>
<div class="code-name">#ve-icon-addfiletext</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-addnote"></use>
</svg>
<div class="name">新增添加</div>
<div class="code-name">#ve-icon-addnote</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-yewan"></use>
</svg>
<div class="name">夜晚</div>
<div class="code-name">#ve-icon-yewan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-minimize"></use>
</svg>
<div class="name">Minimize-1</div>
<div class="code-name">#ve-icon-minimize</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-maximize"></use>
</svg>
<div class="name">Maximize-1</div>
<div class="code-name">#ve-icon-maximize</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-maxrestore"></use>
</svg>
<div class="name">Maximize-3</div>
<div class="code-name">#ve-icon-maxrestore</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-bianji"></use>
</svg>
<div class="name">编辑</div>
<div class="code-name">#ve-icon-bianji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-restore"></use>
</svg>
<div class="name">最大化</div>
<div class="code-name">#ve-icon-restore</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-yuyin1"></use>
</svg>
<div class="name">语音</div>
<div class="code-name">#ve-icon-yuyin1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-submit"></use>
</svg>
<div class="name">发送</div>
<div class="code-name">#ve-icon-submit</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-mima"></use>
</svg>
<div class="name">密码</div>
<div class="code-name">#ve-icon-mima</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-image"></use>
</svg>
<div class="name">添加图片</div>
<div class="code-name">#ve-icon-image</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-audio"></use>
</svg>
<div class="name">语音</div>
<div class="code-name">#ve-icon-audio</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-yuyin"></use>
</svg>
<div class="name">语音</div>
<div class="code-name">#ve-icon-yuyin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-dots"></use>
</svg>
<div class="name">点点</div>
<div class="code-name">#ve-icon-dots</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-photo"></use>
</svg>
<div class="name">图片</div>
<div class="code-name">#ve-icon-photo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-vdots"></use>
</svg>
<div class="name">点点</div>
<div class="code-name">#ve-icon-vdots</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-filter2"></use>
</svg>
<div class="name">设置</div>
<div class="code-name">#ve-icon-filter2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-clean"></use>
</svg>
<div class="name">清除</div>
<div class="code-name">#ve-icon-clean</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-dark"></use>
</svg>
<div class="name">暗黑模式</div>
<div class="code-name">#ve-icon-dark</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-language"></use>
</svg>
<div class="name">多语言</div>
<div class="code-name">#ve-icon-language</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-layers-o"></use>
</svg>
<div class="name">模板参数</div>
<div class="code-name">#ve-icon-layers-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-send-o"></use>
</svg>
<div class="name">发布</div>
<div class="code-name">#ve-icon-send-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-settings-o"></use>
</svg>
<div class="name">设置</div>
<div class="code-name">#ve-icon-settings-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-sunny"></use>
</svg>
<div class="name">明亮模式</div>
<div class="code-name">#ve-icon-sunny</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-guanbi"></use>
</svg>
<div class="name">关闭</div>
<div class="code-name">#ve-icon-guanbi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-scaleY"></use>
</svg>
<div class="name">上下移动</div>
<div class="code-name">#ve-icon-scaleY</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-scaleX"></use>
</svg>
<div class="name">左右移动</div>
<div class="code-name">#ve-icon-scaleX</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-reset"></use>
</svg>
<div class="name">初始化</div>
<div class="code-name">#ve-icon-reset</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-prev"></use>
</svg>
<div class="name">播放-上一个</div>
<div class="code-name">#ve-icon-prev</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-next"></use>
</svg>
<div class="name">播放-下一个</div>
<div class="code-name">#ve-icon-next</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-zoomBig"></use>
</svg>
<div class="name">放大镜1-线型</div>
<div class="code-name">#ve-icon-zoomBig</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-zoomSmall"></use>
</svg>
<div class="name">放大镜2-线型</div>
<div class="code-name">#ve-icon-zoomSmall</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-imgerr"></use>
</svg>
<div class="name">图片2-面型</div>
<div class="code-name">#ve-icon-imgerr</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-downfile"></use>
</svg>
<div class="name">下载5</div>
<div class="code-name">#ve-icon-downfile</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-rotateLeft"></use>
</svg>
<div class="name">逆时针旋转</div>
<div class="code-name">#ve-icon-rotateLeft</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-rotateRight"></use>
</svg>
<div class="name">顺时针旋转</div>
<div class="code-name">#ve-icon-rotateRight</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-shouqi"></use>
</svg>
<div class="name">收起</div>
<div class="code-name">#ve-icon-shouqi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-quanping"></use>
</svg>
<div class="name">全屏</div>
<div class="code-name">#ve-icon-quanping</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-paixu"></use>
</svg>
<div class="name">排序</div>
<div class="code-name">#ve-icon-paixu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-xiangshang"></use>
</svg>
<div class="name">向上</div>
<div class="code-name">#ve-icon-xiangshang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-xiangxia"></use>
</svg>
<div class="name">向下</div>
<div class="code-name">#ve-icon-xiangxia</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-full"></use>
</svg>
<div class="name">全屏</div>
<div class="code-name">#ve-icon-full</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-collapse"></use>
</svg>
<div class="name">收起列</div>
<div class="code-name">#ve-icon-collapse</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-xiala"></use>
</svg>
<div class="name">下拉</div>
<div class="code-name">#ve-icon-xiala</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-unfull"></use>
</svg>
<div class="name">全屏退出</div>
<div class="code-name">#ve-icon-unfull</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-enter"></use>
</svg>
<div class="name">enter</div>
<div class="code-name">#ve-icon-enter</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-enviroment"></use>
</svg>
<div class="name">enviroment</div>
<div class="code-name">#ve-icon-enviroment</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-enviroment-o"></use>
</svg>
<div class="name">enviroment-o</div>
<div class="code-name">#ve-icon-enviroment-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-exclamation-circle-o"></use>
</svg>
<div class="name">exclamation-circle-o</div>
<div class="code-name">#ve-icon-exclamation-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-exclamation-circle"></use>
</svg>
<div class="name">exclamation-circle</div>
<div class="code-name">#ve-icon-exclamation-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-exception"></use>
</svg>
<div class="name">exception</div>
<div class="code-name">#ve-icon-exception</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-export1"></use>
</svg>
<div class="name">export</div>
<div class="code-name">#ve-icon-export1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-exclefile"></use>
</svg>
<div class="name">exclefile</div>
<div class="code-name">#ve-icon-exclefile</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-export2"></use>
</svg>
<div class="name">export2</div>
<div class="code-name">#ve-icon-export2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-eye-o"></use>
</svg>
<div class="name">eye-o</div>
<div class="code-name">#ve-icon-eye-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-eye2"></use>
</svg>
<div class="name">eye</div>
<div class="code-name">#ve-icon-eye2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-fileplain"></use>
</svg>
<div class="name">file</div>
<div class="code-name">#ve-icon-fileplain</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-filetext"></use>
</svg>
<div class="name">filetext</div>
<div class="code-name">#ve-icon-filetext</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-filter1"></use>
</svg>
<div class="name">filter</div>
<div class="code-name">#ve-icon-filter1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-folder"></use>
</svg>
<div class="name">folder</div>
<div class="code-name">#ve-icon-folder</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-folderopen"></use>
</svg>
<div class="name">folderopen</div>
<div class="code-name">#ve-icon-folderopen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-frown-o"></use>
</svg>
<div class="name">frown-o</div>
<div class="code-name">#ve-icon-frown-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-github"></use>
</svg>
<div class="name">github</div>
<div class="code-name">#ve-icon-github</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-frown"></use>
</svg>
<div class="name">frown</div>
<div class="code-name">#ve-icon-frown</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-hdd"></use>
</svg>
<div class="name">hdd</div>
<div class="code-name">#ve-icon-hdd</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-heart-o"></use>
</svg>
<div class="name">heart-o</div>
<div class="code-name">#ve-icon-heart-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-heart1"></use>
</svg>
<div class="name">heart</div>
<div class="code-name">#ve-icon-heart1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-inbox"></use>
</svg>
<div class="name">inbox</div>
<div class="code-name">#ve-icon-inbox</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-ie"></use>
</svg>
<div class="name">ie</div>
<div class="code-name">#ve-icon-ie</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-info-cirlce"></use>
</svg>
<div class="name">info-cirlce</div>
<div class="code-name">#ve-icon-info-cirlce</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-info-cirlce-o"></use>
</svg>
<div class="name">info-cirlce-o</div>
<div class="code-name">#ve-icon-info-cirlce-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-left-circle-o"></use>
</svg>
<div class="name">left-circle-o</div>
<div class="code-name">#ve-icon-left-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-jpgfile"></use>
</svg>
<div class="name">jpgfile</div>
<div class="code-name">#ve-icon-jpgfile</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-laptop1"></use>
</svg>
<div class="name">laptop</div>
<div class="code-name">#ve-icon-laptop1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-left-square"></use>
</svg>
<div class="name">left-square</div>
<div class="code-name">#ve-icon-left-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-left-circle"></use>
</svg>
<div class="name">left-circle</div>
<div class="code-name">#ve-icon-left-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-left-square-o"></use>
</svg>
<div class="name">left-square-o</div>
<div class="code-name">#ve-icon-left-square-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-left"></use>
</svg>
<div class="name">left</div>
<div class="code-name">#ve-icon-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-like1"></use>
</svg>
<div class="name">like_fill</div>
<div class="code-name">#ve-icon-like1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-linechart"></use>
</svg>
<div class="name">linechart</div>
<div class="code-name">#ve-icon-linechart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-loading"></use>
</svg>
<div class="name">loading1</div>
<div class="code-name">#ve-icon-loading</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-lock"></use>
</svg>
<div class="name">lock</div>
<div class="code-name">#ve-icon-lock</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-meho"></use>
</svg>
<div class="name">meho</div>
<div class="code-name">#ve-icon-meho</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-meh"></use>
</svg>
<div class="name">meh</div>
<div class="code-name">#ve-icon-meh</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-menufold"></use>
</svg>
<div class="name">menufold</div>
<div class="code-name">#ve-icon-menufold</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-menuunfold"></use>
</svg>
<div class="name">menuunfold</div>
<div class="code-name">#ve-icon-menuunfold</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-minus-circle-o"></use>
</svg>
<div class="name">minus-circle-o</div>
<div class="code-name">#ve-icon-minus-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-minus-square-o"></use>
</svg>
<div class="name">minus-square-o</div>
<div class="code-name">#ve-icon-minus-square-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-minus-circle"></use>
</svg>
<div class="name">minus-circle</div>
<div class="code-name">#ve-icon-minus-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-minus-square"></use>
</svg>
<div class="name">minus-square</div>
<div class="code-name">#ve-icon-minus-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-mobile1"></use>
</svg>
<div class="name">mobile</div>
<div class="code-name">#ve-icon-mobile1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-paperclip"></use>
</svg>
<div class="name">paperclip</div>
<div class="code-name">#ve-icon-paperclip</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-notification1"></use>
</svg>
<div class="name">notification</div>
<div class="code-name">#ve-icon-notification1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-pause-circle"></use>
</svg>
<div class="name">pause-circle</div>
<div class="code-name">#ve-icon-pause-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-pause-circle-o"></use>
</svg>
<div class="name">pause-circle-o</div>
<div class="code-name">#ve-icon-pause-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-pay-circle"></use>
</svg>
<div class="name">pay-circle</div>
<div class="code-name">#ve-icon-pay-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-pay-circle-o"></use>
</svg>
<div class="name">pay-circle-o</div>
<div class="code-name">#ve-icon-pay-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-pen"></use>
</svg>
<div class="name">pen</div>
<div class="code-name">#ve-icon-pen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-pdffile"></use>
</svg>
<div class="name">pdffile</div>
<div class="code-name">#ve-icon-pdffile</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-piechart"></use>
</svg>
<div class="name">piechart</div>
<div class="code-name">#ve-icon-piechart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-play"></use>
</svg>
<div class="name">play</div>
<div class="code-name">#ve-icon-play</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-play-circle-o"></use>
</svg>
<div class="name">play-circle-o</div>
<div class="code-name">#ve-icon-play-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-plus-circle-o"></use>
</svg>
<div class="name">plus-circle-o</div>
<div class="code-name">#ve-icon-plus-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-plus-square-o"></use>
</svg>
<div class="name">plus-square-o</div>
<div class="code-name">#ve-icon-plus-square-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-plus-circle"></use>
</svg>
<div class="name">plus-circle</div>
<div class="code-name">#ve-icon-plus-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-plus1"></use>
</svg>
<div class="name">plus</div>
<div class="code-name">#ve-icon-plus1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-poweroff"></use>
</svg>
<div class="name">poweroff</div>
<div class="code-name">#ve-icon-poweroff</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-plus-square"></use>
</svg>
<div class="name">plus-square</div>
<div class="code-name">#ve-icon-plus-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-pushpin"></use>
</svg>
<div class="name">pushpin</div>
<div class="code-name">#ve-icon-pushpin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-pushpin-o"></use>
</svg>
<div class="name">pushpin-o</div>
<div class="code-name">#ve-icon-pushpin-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-reload1"></use>
</svg>
<div class="name">reload</div>
<div class="code-name">#ve-icon-reload1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-question-circle-o"></use>
</svg>
<div class="name">question-circle-o</div>
<div class="code-name">#ve-icon-question-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-question-circle"></use>
</svg>
<div class="name">question-circle</div>
<div class="code-name">#ve-icon-question-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-qrcode"></use>
</svg>
<div class="name">qrcode</div>
<div class="code-name">#ve-icon-qrcode</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-retweet"></use>
</svg>
<div class="name">retweet</div>
<div class="code-name">#ve-icon-retweet</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-right-circle"></use>
</svg>
<div class="name">right-circle</div>
<div class="code-name">#ve-icon-right-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-right-circle-o"></use>
</svg>
<div class="name">right-circle-o</div>
<div class="code-name">#ve-icon-right-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-right-square-o"></use>
</svg>
<div class="name">right-square-o</div>
<div class="code-name">#ve-icon-right-square-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-right-square"></use>
</svg>
<div class="name">right-square</div>
<div class="code-name">#ve-icon-right-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-rollback"></use>
</svg>
<div class="name">rollback</div>
<div class="code-name">#ve-icon-rollback</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-right"></use>
</svg>
<div class="name">right</div>
<div class="code-name">#ve-icon-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-save"></use>
</svg>
<div class="name">save</div>
<div class="code-name">#ve-icon-save</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-shoppingcart"></use>
</svg>
<div class="name">shoppingcart</div>
<div class="code-name">#ve-icon-shoppingcart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-scan"></use>
</svg>
<div class="name">scan</div>
<div class="code-name">#ve-icon-scan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-shrink"></use>
</svg>
<div class="name">shrink</div>
<div class="code-name">#ve-icon-shrink</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-sharealt"></use>
</svg>
<div class="name">sharealt</div>
<div class="code-name">#ve-icon-sharealt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-setting"></use>
</svg>
<div class="name">setting</div>
<div class="code-name">#ve-icon-setting</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-smile1"></use>
</svg>
<div class="name">smile</div>
<div class="code-name">#ve-icon-smile1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-smile-o"></use>
</svg>
<div class="name">smile-o</div>
<div class="code-name">#ve-icon-smile-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-star-o"></use>
</svg>
<div class="name">star-o</div>
<div class="code-name">#ve-icon-star-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-solution"></use>
</svg>
<div class="name">solution</div>
<div class="code-name">#ve-icon-solution</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-star"></use>
</svg>
<div class="name">star</div>
<div class="code-name">#ve-icon-star</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-stepforward"></use>
</svg>
<div class="name">stepforward</div>
<div class="code-name">#ve-icon-stepforward</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-stepbackward"></use>
</svg>
<div class="name">stepbackward</div>
<div class="code-name">#ve-icon-stepbackward</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-swap"></use>
</svg>
<div class="name">swap</div>
<div class="code-name">#ve-icon-swap</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-swapleft"></use>
</svg>
<div class="name">swapleft</div>
<div class="code-name">#ve-icon-swapleft</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-tag-o"></use>
</svg>
<div class="name">tag-o</div>
<div class="code-name">#ve-icon-tag-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-tablet"></use>
</svg>
<div class="name">tablet</div>
<div class="code-name">#ve-icon-tablet</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-swapright"></use>
</svg>
<div class="name">swapright</div>
<div class="code-name">#ve-icon-swapright</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-tag1"></use>
</svg>
<div class="name">tag</div>
<div class="code-name">#ve-icon-tag1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-tags"></use>
</svg>
<div class="name">tags</div>
<div class="code-name">#ve-icon-tags</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-tagso"></use>
</svg>
<div class="name">tagso</div>
<div class="code-name">#ve-icon-tagso</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-rest"></use>
</svg>
<div class="name">rest</div>
<div class="code-name">#ve-icon-rest</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-team"></use>
</svg>
<div class="name">team</div>
<div class="code-name">#ve-icon-team</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-search"></use>
</svg>
<div class="name">search</div>
<div class="code-name">#ve-icon-search</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-totop"></use>
</svg>
<div class="name">totop</div>
<div class="code-name">#ve-icon-totop</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-smile"></use>
</svg>
<div class="name">smile</div>
<div class="code-name">#ve-icon-smile</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-unlock"></use>
</svg>
<div class="name">unlock</div>
<div class="code-name">#ve-icon-unlock</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-tag"></use>
</svg>
<div class="name">tag</div>
<div class="code-name">#ve-icon-tag</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-up-circle-o"></use>
</svg>
<div class="name">up-circle-o</div>
<div class="code-name">#ve-icon-up-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-top"></use>
</svg>
<div class="name">top</div>
<div class="code-name">#ve-icon-top</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-up-circle"></use>
</svg>
<div class="name">up-circle</div>
<div class="code-name">#ve-icon-up-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-user"></use>
</svg>
<div class="name">user</div>
<div class="code-name">#ve-icon-user</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-up-square-o"></use>
</svg>
<div class="name">up-square-o</div>
<div class="code-name">#ve-icon-up-square-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-link"></use>
</svg>
<div class="name">link</div>
<div class="code-name">#ve-icon-link</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-up-square"></use>
</svg>
<div class="name">up-square</div>
<div class="code-name">#ve-icon-up-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-logout"></use>
</svg>
<div class="name">logout</div>
<div class="code-name">#ve-icon-logout</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-up"></use>
</svg>
<div class="name">up</div>
<div class="code-name">#ve-icon-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-mail"></use>
</svg>
<div class="name">mail</div>
<div class="code-name">#ve-icon-mail</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-verticleleft"></use>
</svg>
<div class="name">verticleleft</div>
<div class="code-name">#ve-icon-verticleleft</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-minus"></use>
</svg>
<div class="name">minus</div>
<div class="code-name">#ve-icon-minus</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-mobile"></use>
</svg>
<div class="name">mobile</div>
<div class="code-name">#ve-icon-mobile</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-upload"></use>
</svg>
<div class="name">upload</div>
<div class="code-name">#ve-icon-upload</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-note"></use>
</svg>
<div class="name">note</div>
<div class="code-name">#ve-icon-note</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-windows-o"></use>
</svg>
<div class="name">windows-o</div>
<div class="code-name">#ve-icon-windows-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-notification"></use>
</svg>
<div class="name">notification</div>
<div class="code-name">#ve-icon-notification</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-windows"></use>
</svg>
<div class="name">windows</div>
<div class="code-name">#ve-icon-windows</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-picture"></use>
</svg>
<div class="name">picture</div>
<div class="code-name">#ve-icon-picture</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-wordfile"></use>
</svg>
<div class="name">wordfile</div>
<div class="code-name">#ve-icon-wordfile</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-place"></use>
</svg>
<div class="name">place</div>
<div class="code-name">#ve-icon-place</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-note_fill"></use>
</svg>
<div class="name">note_fill</div>
<div class="code-name">#ve-icon-note_fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-plus"></use>
</svg>
<div class="name">plus</div>
<div class="code-name">#ve-icon-plus</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-mail_fill"></use>
</svg>
<div class="name">mail_fill</div>
<div class="code-name">#ve-icon-mail_fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-edit"></use>
</svg>
<div class="name">edit</div>
<div class="code-name">#ve-icon-edit</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-export_fill"></use>
</svg>
<div class="name">export_fill</div>
<div class="code-name">#ve-icon-export_fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-ellipsis"></use>
</svg>
<div class="name">ellipsis</div>
<div class="code-name">#ve-icon-ellipsis</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-export"></use>
</svg>
<div class="name">export</div>
<div class="code-name">#ve-icon-export</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-express"></use>
</svg>
<div class="name">express</div>
<div class="code-name">#ve-icon-express</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-eye"></use>
</svg>
<div class="name">eye</div>
<div class="code-name">#ve-icon-eye</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-edit1"></use>
</svg>
<div class="name">edit</div>
<div class="code-name">#ve-icon-edit1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-file"></use>
</svg>
<div class="name">file</div>
<div class="code-name">#ve-icon-file</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-addfile"></use>
</svg>
<div class="name">addfile</div>
<div class="code-name">#ve-icon-addfile</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-filter"></use>
</svg>
<div class="name">filter</div>
<div class="code-name">#ve-icon-filter</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-bulb"></use>
</svg>
<div class="name">bulb</div>
<div class="code-name">#ve-icon-bulb</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-history"></use>
</svg>
<div class="name">history</div>
<div class="code-name">#ve-icon-history</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-addfolder"></use>
</svg>
<div class="name">addfolder</div>
<div class="code-name">#ve-icon-addfolder</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-home"></use>
</svg>
<div class="name">home</div>
<div class="code-name">#ve-icon-home</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-id"></use>
</svg>
<div class="name">id</div>
<div class="code-name">#ve-icon-id</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-info"></use>
</svg>
<div class="name">info</div>
<div class="code-name">#ve-icon-info</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-card"></use>
</svg>
<div class="name">card</div>
<div class="code-name">#ve-icon-card</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-laptop"></use>
</svg>
<div class="name">laptop</div>
<div class="code-name">#ve-icon-laptop</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-appstore"></use>
</svg>
<div class="name">appstore</div>
<div class="code-name">#ve-icon-appstore</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-calender"></use>
</svg>
<div class="name">calender</div>
<div class="code-name">#ve-icon-calender</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-plugin"></use>
</svg>
<div class="name">plugin</div>
<div class="code-name">#ve-icon-plugin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-change"></use>
</svg>
<div class="name">change</div>
<div class="code-name">#ve-icon-change</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-chart"></use>
</svg>
<div class="name">chart</div>
<div class="code-name">#ve-icon-chart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-menu"></use>
</svg>
<div class="name">menu</div>
<div class="code-name">#ve-icon-menu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-check"></use>
</svg>
<div class="name">check</div>
<div class="code-name">#ve-icon-check</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-reload2"></use>
</svg>
<div class="name">reload</div>
<div class="code-name">#ve-icon-reload2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-clip"></use>
</svg>
<div class="name">clip</div>
<div class="code-name">#ve-icon-clip</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-clock"></use>
</svg>
<div class="name">clock</div>
<div class="code-name">#ve-icon-clock</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-setting_fill"></use>
</svg>
<div class="name">setting_fill</div>
<div class="code-name">#ve-icon-setting_fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-computer"></use>
</svg>
<div class="name">computer</div>
<div class="code-name">#ve-icon-computer</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-dashboard_fill"></use>
</svg>
<div class="name">dashboard_fill</div>
<div class="code-name">#ve-icon-dashboard_fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-cross"></use>
</svg>
<div class="name">cross</div>
<div class="code-name">#ve-icon-cross</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-send"></use>
</svg>
<div class="name">send</div>
<div class="code-name">#ve-icon-send</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-dashboard"></use>
</svg>
<div class="name">dashboard</div>
<div class="code-name">#ve-icon-dashboard</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-rocket_fill"></use>
</svg>
<div class="name">rocket_fill</div>
<div class="code-name">#ve-icon-rocket_fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-delete"></use>
</svg>
<div class="name">delete</div>
<div class="code-name">#ve-icon-delete</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-schedulefill"></use>
</svg>
<div class="name">schedule_fill</div>
<div class="code-name">#ve-icon-schedulefill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-download"></use>
</svg>
<div class="name">download</div>
<div class="code-name">#ve-icon-download</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-schedule"></use>
</svg>
<div class="name">schedule</div>
<div class="code-name">#ve-icon-schedule</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-message"></use>
</svg>
<div class="name">message</div>
<div class="code-name">#ve-icon-message</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-team_fill"></use>
</svg>
<div class="name">team_fill</div>
<div class="code-name">#ve-icon-team_fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-bars"></use>
</svg>
<div class="name">bars</div>
<div class="code-name">#ve-icon-bars</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-move"></use>
</svg>
<div class="name">move</div>
<div class="code-name">#ve-icon-move</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-hide"></use>
</svg>
<div class="name">hide</div>
<div class="code-name">#ve-icon-hide</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-express_fill"></use>
</svg>
<div class="name">express_fill</div>
<div class="code-name">#ve-icon-express_fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-eye1"></use>
</svg>
<div class="name">eye</div>
<div class="code-name">#ve-icon-eye1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-warranty"></use>
</svg>
<div class="name">warranty</div>
<div class="code-name">#ve-icon-warranty</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-zoomin"></use>
</svg>
<div class="name">zoom in</div>
<div class="code-name">#ve-icon-zoomin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-tstar_"></use>
</svg>
<div class="name">tstar_3</div>
<div class="code-name">#ve-icon-tstar_</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-zoomout"></use>
</svg>
<div class="name">zoom out</div>
<div class="code-name">#ve-icon-zoomout</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-tstar_1"></use>
</svg>
<div class="name">tstar_2</div>
<div class="code-name">#ve-icon-tstar_1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-acrotate"></use>
</svg>
<div class="name">ac rotate</div>
<div class="code-name">#ve-icon-acrotate</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-tstar_2"></use>
</svg>
<div class="name">tstar_1</div>
<div class="code-name">#ve-icon-tstar_2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-cwrotate"></use>
</svg>
<div class="name">cw rotate</div>
<div class="code-name">#ve-icon-cwrotate</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-tstar_3"></use>
</svg>
<div class="name">tstar_4</div>
<div class="code-name">#ve-icon-tstar_3</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-heart"></use>
</svg>
<div class="name">heart</div>
<div class="code-name">#ve-icon-heart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-pay"></use>
</svg>
<div class="name">pay</div>
<div class="code-name">#ve-icon-pay</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-like"></use>
</svg>
<div class="name">like</div>
<div class="code-name">#ve-icon-like</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-wifi"></use>
</svg>
<div class="name">wifi</div>
<div class="code-name">#ve-icon-wifi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-arrowright"></use>
</svg>
<div class="name">arrow_right</div>
<div class="code-name">#ve-icon-arrowright</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-customermanager"></use>
</svg>
<div class="name">customermanager</div>
<div class="code-name">#ve-icon-customermanager</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-arrowup"></use>
</svg>
<div class="name">arrow_up</div>
<div class="code-name">#ve-icon-arrowup</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-drag"></use>
</svg>
<div class="name">drag</div>
<div class="code-name">#ve-icon-drag</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-arrowdown"></use>
</svg>
<div class="name">arrow down</div>
<div class="code-name">#ve-icon-arrowdown</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-enterprise"></use>
</svg>
<div class="name">enterprise</div>
<div class="code-name">#ve-icon-enterprise</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-arrowleft"></use>
</svg>
<div class="name">arrow_left</div>
<div class="code-name">#ve-icon-arrowleft</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-channel"></use>
</svg>
<div class="name">channel</div>
<div class="code-name">#ve-icon-channel</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-favorfill"></use>
</svg>
<div class="name">favor_fill</div>
<div class="code-name">#ve-icon-favorfill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-compass"></use>
</svg>
<div class="name">compass</div>
<div class="code-name">#ve-icon-compass</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-heartfill"></use>
</svg>
<div class="name">heart_fill</div>
<div class="code-name">#ve-icon-heartfill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-database"></use>
</svg>
<div class="name">database</div>
<div class="code-name">#ve-icon-database</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-dislike"></use>
</svg>
<div class="name">dislike</div>
<div class="code-name">#ve-icon-dislike</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-contacts"></use>
</svg>
<div class="name">contacts</div>
<div class="code-name">#ve-icon-contacts</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-account"></use>
</svg>
<div class="name">account</div>
<div class="code-name">#ve-icon-account</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-key"></use>
</svg>
<div class="name">key</div>
<div class="code-name">#ve-icon-key</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-menuoff"></use>
</svg>
<div class="name">menu off</div>
<div class="code-name">#ve-icon-menuoff</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-global"></use>
</svg>
<div class="name">global</div>
<div class="code-name">#ve-icon-global</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-menuon"></use>
</svg>
<div class="name">menu on</div>
<div class="code-name">#ve-icon-menuon</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-red-envelope"></use>
</svg>
<div class="name">red-envelope</div>
<div class="code-name">#ve-icon-red-envelope</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-orderselect"></use>
</svg>
<div class="name">order select</div>
<div class="code-name">#ve-icon-orderselect</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-layout"></use>
</svg>
<div class="name">layout</div>
<div class="code-name">#ve-icon-layout</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-order"></use>
</svg>
<div class="name">order</div>
<div class="code-name">#ve-icon-order</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-printer"></use>
</svg>
<div class="name">printer</div>
<div class="code-name">#ve-icon-printer</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-favor"></use>
</svg>
<div class="name">favor</div>
<div class="code-name">#ve-icon-favor</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-skin"></use>
</svg>
<div class="name">skin</div>
<div class="code-name">#ve-icon-skin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-idinput"></use>
</svg>
<div class="name">id input</div>
<div class="code-name">#ve-icon-idinput</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-table"></use>
</svg>
<div class="name">table</div>
<div class="code-name">#ve-icon-table</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-rank"></use>
</svg>
<div class="name">rank</div>
<div class="code-name">#ve-icon-rank</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-wallet"></use>
</svg>
<div class="name">wallet</div>
<div class="code-name">#ve-icon-wallet</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-sort"></use>
</svg>
<div class="name">sort</div>
<div class="code-name">#ve-icon-sort</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-gift"></use>
</svg>
<div class="name">gift</div>
<div class="code-name">#ve-icon-gift</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-automation"></use>
</svg>
<div class="name">automation</div>
<div class="code-name">#ve-icon-automation</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-car"></use>
</svg>
<div class="name">car</div>
<div class="code-name">#ve-icon-car</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-caretdown"></use>
</svg>
<div class="name">caret_down</div>
<div class="code-name">#ve-icon-caretdown</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-coffee"></use>
</svg>
<div class="name">coffee</div>
<div class="code-name">#ve-icon-coffee</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-caretup"></use>
</svg>
<div class="name">caret_up</div>
<div class="code-name">#ve-icon-caretup</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-case-o"></use>
</svg>
<div class="name">case-o</div>
<div class="code-name">#ve-icon-case-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-reload"></use>
</svg>
<div class="name">reload</div>
<div class="code-name">#ve-icon-reload</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-order-o"></use>
</svg>
<div class="name">order-o</div>
<div class="code-name">#ve-icon-order-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-flagfill"></use>
</svg>
<div class="name">flag_fill</div>
<div class="code-name">#ve-icon-flagfill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-flag"></use>
</svg>
<div class="name">flag</div>
<div class="code-name">#ve-icon-flag</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-callin"></use>
</svg>
<div class="name">call_in</div>
<div class="code-name">#ve-icon-callin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-callout"></use>
</svg>
<div class="name">call_out</div>
<div class="code-name">#ve-icon-callout</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-dial"></use>
</svg>
<div class="name">dial</div>
<div class="code-name">#ve-icon-dial</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-refund"></use>
</svg>
<div class="name">refund</div>
<div class="code-name">#ve-icon-refund</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-messagefill"></use>
</svg>
<div class="name">message_fill</div>
<div class="code-name">#ve-icon-messagefill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-phonefill"></use>
</svg>
<div class="name">phone_fill</div>
<div class="code-name">#ve-icon-phonefill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-phone"></use>
</svg>
<div class="name">phone</div>
<div class="code-name">#ve-icon-phone</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-clockfill"></use>
</svg>
<div class="name">clock_fill</div>
<div class="code-name">#ve-icon-clockfill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-notificationfill"></use>
</svg>
<div class="name">notification_fill</div>
<div class="code-name">#ve-icon-notificationfill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-cut"></use>
</svg>
<div class="name">cut</div>
<div class="code-name">#ve-icon-cut</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-book"></use>
</svg>
<div class="name">book</div>
<div class="code-name">#ve-icon-book</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-barrage"></use>
</svg>
<div class="name">barrage</div>
<div class="code-name">#ve-icon-barrage</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-male"></use>
</svg>
<div class="name">male</div>
<div class="code-name">#ve-icon-male</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-female"></use>
</svg>
<div class="name">female</div>
<div class="code-name">#ve-icon-female</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-expand"></use>
</svg>
<div class="name">expand</div>
<div class="code-name">#ve-icon-expand</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-refund1"></use>
</svg>
<div class="name">refund</div>
<div class="code-name">#ve-icon-refund1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-pie-chart"></use>
</svg>
<div class="name">pie-chart</div>
<div class="code-name">#ve-icon-pie-chart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-backspace"></use>
</svg>
<div class="name">backspace</div>
<div class="code-name">#ve-icon-backspace</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-Invalid"></use>
</svg>
<div class="name">Invalid</div>
<div class="code-name">#ve-icon-Invalid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-repeat"></use>
</svg>
<div class="name">repeat</div>
<div class="code-name">#ve-icon-repeat</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-timeout"></use>
</svg>
<div class="name">timeout</div>
<div class="code-name">#ve-icon-timeout</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-urged"></use>
</svg>
<div class="name">urged</div>
<div class="code-name">#ve-icon-urged</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-intervene"></use>
</svg>
<div class="name">intervene</div>
<div class="code-name">#ve-icon-intervene</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-voice"></use>
</svg>
<div class="name">voice</div>
<div class="code-name">#ve-icon-voice</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-apple"></use>
</svg>
<div class="name">apple</div>
<div class="code-name">#ve-icon-apple</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-appstore-o"></use>
</svg>
<div class="name">appstore-o</div>
<div class="code-name">#ve-icon-appstore-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-areachart"></use>
</svg>
<div class="name">areachart</div>
<div class="code-name">#ve-icon-areachart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-apple-o"></use>
</svg>
<div class="name">apple-o</div>
<div class="code-name">#ve-icon-apple-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-android"></use>
</svg>
<div class="name">android</div>
<div class="code-name">#ve-icon-android</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-appstore1"></use>
</svg>
<div class="name">appstore</div>
<div class="code-name">#ve-icon-appstore1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-arrowsalt"></use>
</svg>
<div class="name">arrowsalt</div>
<div class="code-name">#ve-icon-arrowsalt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-banckward"></use>
</svg>
<div class="name">banckward</div>
<div class="code-name">#ve-icon-banckward</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-bars1"></use>
</svg>
<div class="name">bars</div>
<div class="code-name">#ve-icon-bars1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-book1"></use>
</svg>
<div class="name">book</div>
<div class="code-name">#ve-icon-book1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-barchart"></use>
</svg>
<div class="name">barchart</div>
<div class="code-name">#ve-icon-barchart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-calendar"></use>
</svg>
<div class="name">calendar</div>
<div class="code-name">#ve-icon-calendar</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-camera-o"></use>
</svg>
<div class="name">camera-o</div>
<div class="code-name">#ve-icon-camera-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-caretleft"></use>
</svg>
<div class="name">caretleft</div>
<div class="code-name">#ve-icon-caretleft</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-caretdown1"></use>
</svg>
<div class="name">caretdown</div>
<div class="code-name">#ve-icon-caretdown1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-calculator"></use>
</svg>
<div class="name">calculator</div>
<div class="code-name">#ve-icon-calculator</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-camera"></use>
</svg>
<div class="name">camera</div>
<div class="code-name">#ve-icon-camera</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-caretright"></use>
</svg>
<div class="name">caretright</div>
<div class="code-name">#ve-icon-caretright</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-check-circle"></use>
</svg>
<div class="name">check-circle</div>
<div class="code-name">#ve-icon-check-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-caretup1"></use>
</svg>
<div class="name">caretup</div>
<div class="code-name">#ve-icon-caretup1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-check-circle-o"></use>
</svg>
<div class="name">check-circle-o</div>
<div class="code-name">#ve-icon-check-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-check-square"></use>
</svg>
<div class="name">check-square</div>
<div class="code-name">#ve-icon-check-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-check-square-o"></use>
</svg>
<div class="name">check-square-o</div>
<div class="code-name">#ve-icon-check-square-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-circledown"></use>
</svg>
<div class="name">circledown</div>
<div class="code-name">#ve-icon-circledown</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-chrome"></use>
</svg>
<div class="name">chrome</div>
<div class="code-name">#ve-icon-chrome</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-check1"></use>
</svg>
<div class="name">check</div>
<div class="code-name">#ve-icon-check1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-circledown-o"></use>
</svg>
<div class="name">circledown-o</div>
<div class="code-name">#ve-icon-circledown-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-clock-circle"></use>
</svg>
<div class="name">clock-circle</div>
<div class="code-name">#ve-icon-clock-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-clock-circle-o"></use>
</svg>
<div class="name">clock-circle-o</div>
<div class="code-name">#ve-icon-clock-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-close-circle-o"></use>
</svg>
<div class="name">close-circle-o</div>
<div class="code-name">#ve-icon-close-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-close-circle"></use>
</svg>
<div class="name">close-circle</div>
<div class="code-name">#ve-icon-close-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-close-square-o"></use>
</svg>
<div class="name">close-square-o</div>
<div class="code-name">#ve-icon-close-square-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-close-square"></use>
</svg>
<div class="name">close-square</div>
<div class="code-name">#ve-icon-close-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-close"></use>
</svg>
<div class="name">close</div>
<div class="code-name">#ve-icon-close</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-clouddownload-o"></use>
</svg>
<div class="name">clouddownload-o</div>
<div class="code-name">#ve-icon-clouddownload-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-clouddownload"></use>
</svg>
<div class="name">clouddownload</div>
<div class="code-name">#ve-icon-clouddownload</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-cloudupload-o"></use>
</svg>
<div class="name">cloudupload-o</div>
<div class="code-name">#ve-icon-cloudupload-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-cloudupload"></use>
</svg>
<div class="name">cloudupload</div>
<div class="code-name">#ve-icon-cloudupload</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-code-square-o"></use>
</svg>
<div class="name">code-square-o</div>
<div class="code-name">#ve-icon-code-square-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-code-square"></use>
</svg>
<div class="name">code-square</div>
<div class="code-name">#ve-icon-code-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-creditcard"></use>
</svg>
<div class="name">creditcard</div>
<div class="code-name">#ve-icon-creditcard</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-copy"></use>
</svg>
<div class="name">copy</div>
<div class="code-name">#ve-icon-copy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-desktop"></use>
</svg>
<div class="name">desktop</div>
<div class="code-name">#ve-icon-desktop</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-customerservice"></use>
</svg>
<div class="name">customerservice</div>
<div class="code-name">#ve-icon-customerservice</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-dislike1"></use>
</svg>
<div class="name">dislike_fill</div>
<div class="code-name">#ve-icon-dislike1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-dotchart"></use>
</svg>
<div class="name">dotchart</div>
<div class="code-name">#ve-icon-dotchart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-doubleleft"></use>
</svg>
<div class="name">doubleleft</div>
<div class="code-name">#ve-icon-doubleleft</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-doubleright"></use>
</svg>
<div class="name">doubleright</div>
<div class="code-name">#ve-icon-doubleright</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-down-circle-o"></use>
</svg>
<div class="name">down-circle-o</div>
<div class="code-name">#ve-icon-down-circle-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-down-circle"></use>
</svg>
<div class="name">down-circle</div>
<div class="code-name">#ve-icon-down-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-down"></use>
</svg>
<div class="name">down</div>
<div class="code-name">#ve-icon-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-down-square-o"></use>
</svg>
<div class="name">down-square-o</div>
<div class="code-name">#ve-icon-down-square-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-down-square"></use>
</svg>
<div class="name">down-square</div>
<div class="code-name">#ve-icon-down-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-ellipsis1"></use>
</svg>
<div class="name">ellipsis</div>
<div class="code-name">#ve-icon-ellipsis1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-download1"></use>
</svg>
<div class="name">download</div>
<div class="code-name">#ve-icon-download1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ve-icon-lang"></use>
</svg>
<div class="name">切换语言</div>
<div class="code-name">#ve-icon-lang</div>
</li>
</ul>
<div class="article markdown">
<h2 id="symbol-">Symbol 引用</h2>
<hr>
<p>这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:</p>
<ul>
<li>支持多色图标了,不再受单色限制。</li>
<li>通过一些技巧,支持像字体那样,通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
<li>兼容性较差,支持 IE9+,及现代浏览器。</li>
<li>浏览器渲染 SVG 的性能一般,还不如 png。</li>
</ul>
<p>使用步骤如下:</p>
<h3 id="-symbol-">第一步:引入项目下面生成的 symbol 代码:</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
<h3 id="-css-">第二步:加入通用 CSS 代码(引入一次就行):</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
&lt;/style&gt;
</code></pre>
<h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
&lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('.tab-container .content:first').show()
$('#tabs li').click(function (e) {
var tabContent = $('.tab-container .content')
var index = $(this).index()
if ($(this).hasClass('active')) {
return
} else {
$('#tabs li').removeClass('active')
$(this).addClass('active')
tabContent.hide().eq(index).fadeIn()
}
})
})
</script>
</body>
</html>