p39185467
/
p6tsc84h5
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '4ef8126422'
${ noResults }
p6tsc84h5/css/demo_index.html

5392 lines
184 KiB
Raw Normal View History Unescape

.
5 years ago
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont Demo</title>
<link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
<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>
</head>
<body>
<div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</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=653600" 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">&#xe673;</span>
<div class="name">round_close</div>
<div class="code-name">&amp;#xe673;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe679;</span>
<div class="name">time_fill</div>
<div class="code-name">&amp;#xe679;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6d8;</span>
<div class="name">round_add_fill</div>
<div class="code-name">&amp;#xe6d8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86d;</span>
<div class="name">粗版2_上传云端</div>
<div class="code-name">&amp;#xe86d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea8b;</span>
<div class="name">css3</div>
<div class="code-name">&amp;#xea8b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeb10;</span>
<div class="name">html5</div>
<div class="code-name">&amp;#xeb10;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b2;</span>
<div class="name">钻石</div>
<div class="code-name">&amp;#xe6b2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68e;</span>
<div class="name">章节</div>
<div class="code-name">&amp;#xe68e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe66b;</span>
<div class="name">关闭</div>
<div class="code-name">&amp;#xe66b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bc;</span>
<div class="name">社区</div>
<div class="code-name">&amp;#xe6bc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe682;</span>
<div class="name">vs</div>
<div class="code-name">&amp;#xe682;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe671;</span>
<div class="name">菜单</div>
<div class="code-name">&amp;#xe671;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe740;</span>
<div class="name">pdf</div>
<div class="code-name">&amp;#xe740;</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">&#xe69c;</span>
<div class="name">时间</div>
<div class="code-name">&amp;#xe69c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe66f;</span>
<div class="name">设置</div>
<div class="code-name">&amp;#xe66f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe627;</span>
<div class="name">坐标</div>
<div class="code-name">&amp;#xe627;</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">&#xe67e;</span>
<div class="name">PHP开发</div>
<div class="code-name">&amp;#xe67e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe670;</span>
<div class="name">附件</div>
<div class="code-name">&amp;#xe670;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe765;</span>
<div class="name">linux</div>
<div class="code-name">&amp;#xe765;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe680;</span>
<div class="name">问号</div>
<div class="code-name">&amp;#xe680;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe674;</span>
<div class="name">坐标</div>
<div class="code-name">&amp;#xe674;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6db;</span>
<div class="name">expand</div>
<div class="code-name">&amp;#xe6db;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe609;</span>
<div class="name">重置</div>
<div class="code-name">&amp;#xe609;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe677;</span>
<div class="name">路由</div>
<div class="code-name">&amp;#xe677;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe639;</span>
<div class="name">点赞2</div>
<div class="code-name">&amp;#xe639;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68f;</span>
<div class="name">复制</div>
<div class="code-name">&amp;#xe68f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe66d;</span>
<div class="name">点赞1</div>
<div class="code-name">&amp;#xe66d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78f;</span>
<div class="name">三角形-up</div>
<div class="code-name">&amp;#xe78f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe791;</span>
<div class="name">三角形-down</div>
<div class="code-name">&amp;#xe791;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe693;</span>
<div class="name">认证信息</div>
<div class="code-name">&amp;#xe693;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c0;</span>
<div class="name">关注</div>
<div class="code-name">&amp;#xe6c0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63c;</span>
<div class="name">礼物</div>
<div class="code-name">&amp;#xe63c;</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">&#xe66a;</span>
<div class="name">邮件</div>
<div class="code-name">&amp;#xe66a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65e;</span>
<div class="name">compress</div>
<div class="code-name">&amp;#xe65e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe727;</span>
<div class="name">代码配置r</div>
<div class="code-name">&amp;#xe727;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe690;</span>
<div class="name">提示</div>
<div class="code-name">&amp;#xe690;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe607;</span>
<div class="name">net</div>
<div class="code-name">&amp;#xe607;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe691;</span>
<div class="name">edit</div>
<div class="code-name">&amp;#xe691;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe695;</span>
<div class="name">显示</div>
<div class="code-name">&amp;#xe695;</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">&#xe67f;</span>
<div class="name">减</div>
<div class="code-name">&amp;#xe67f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a4;</span>
<div class="name">消息</div>
<div class="code-name">&amp;#xe6a4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ac;</span>
<div class="name">下载</div>
<div class="code-name">&amp;#xe6ac;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe657;</span>
<div class="name">撤销</div>
<div class="code-name">&amp;#xe657;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe687;</span>
<div class="name">qq</div>
<div class="code-name">&amp;#xe687;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74f;</span>
<div class="name">标签</div>
<div class="code-name">&amp;#xe74f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe678;</span>
<div class="name">大数据存储</div>
<div class="code-name">&amp;#xe678;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c5;</span>
<div class="name">关注</div>
<div class="code-name">&amp;#xe6c5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe608;</span>
<div class="name">喇叭</div>
<div class="code-name">&amp;#xe608;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe686;</span>
<div class="name">mstest</div>
<div class="code-name">&amp;#xe686;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69a;</span>
<div class="name">添加成员</div>
<div class="code-name">&amp;#xe69a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9b5;</span>
<div class="name">隐藏</div>
<div class="code-name">&amp;#xe9b5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe600;</span>
<div class="name">三角形</div>
<div class="code-name">&amp;#xe600;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe699;</span>
<div class="name">旗帜</div>
<div class="code-name">&amp;#xe699;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe602;</span>
<div class="name">CSDN</div>
<div class="code-name">&amp;#xe602;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69e;</span>
<div class="name">用户、角色_无数据</div>
<div class="code-name">&amp;#xe69e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe692;</span>
<div class="name">模板</div>
<div class="code-name">&amp;#xe692;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe601;</span>
<div class="name">VPN</div>
<div class="code-name">&amp;#xe601;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe605;</span>
<div class="name">加 </div>
<div class="code-name">&amp;#xe605;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe697;</span>
<div class="name">银行卡</div>
<div class="code-name">&amp;#xe697;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe688;</span>
<div class="name">微博</div>
<div class="code-name">&amp;#xe688;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69f;</span>
<div class="name">无</div>
<div class="code-name">&amp;#xe69f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60a;</span>
<div class="name">课程</div>
<div class="code-name">&amp;#xe60a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe71d;</span>
<div class="name">设置</div>
<div class="code-name">&amp;#xe71d;</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">&#xe6f8;</span>
<div class="name">三点</div>
<div class="code-name">&amp;#xe6f8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe694;</span>
<div class="name">gs-beixiao-icon-基本信息</div>
<div class="code-name">&amp;#xe694;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe683;</span>
<div class="name">base</div>
<div class="code-name">&amp;#xe683;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe603;</span>
<div class="name">微信</div>
<div class="code-name">&amp;#xe603;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe689;</span>
<div class="name">Stack Overflow</div>
<div class="code-name">&amp;#xe689;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68a;</span>
<div class="name">重置</div>
<div class="code-name">&amp;#xe68a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bb;</span>
<div class="name">活动</div>
<div class="code-name">&amp;#xe6bb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a0;</span>
<div class="name">隐藏</div>
<div class="code-name">&amp;#xe6a0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60d;</span>
<div class="name">电话</div>
<div class="code-name">&amp;#xe60d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe676;</span>
<div class="name">位置</div>
<div class="code-name">&amp;#xe676;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67a;</span>
<div class="name">jquery</div>
<div class="code-name">&amp;#xe67a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67b;</span>
<div class="name">docker</div>
<div class="code-name">&amp;#xe67b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67c;</span>
<div class="name">python</div>
<div class="code-name">&amp;#xe67c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67d;</span>
<div class="name">php</div>
<div class="code-name">&amp;#xe67d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe675;</span>
<div class="name">银行卡</div>
<div class="code-name">&amp;#xe675;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60c;</span>
<div class="name">linkedin</div>
<div class="code-name">&amp;#xe60c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe640;</span>
<div class="name">文件夹</div>
<div class="code-name">&amp;#xe640;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe705;</span>
<div class="name">SQL server</div>
<div class="code-name">&amp;#xe705;</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">&#xe7fd;</span>
<div class="name">上传图片</div>
<div class="code-name">&amp;#xe7fd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe684;</span>
<div class="name">登录Ip监控</div>
<div class="code-name">&amp;#xe684;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe685;</span>
<div class="name">itsm3-流程管理</div>
<div class="code-name">&amp;#xe685;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7db;</span>
<div class="name">链接</div>
<div class="code-name">&amp;#xe7db;</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">&#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">&#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">&#xe617;</span>
<div class="name">选择题</div>
<div class="code-name">&amp;#xe617;</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">&#xe61a;</span>
<div class="name">向上</div>
<div class="code-name">&amp;#xe61a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe620;</span>
<div class="name">删除掉</div>
<div class="code-name">&amp;#xe620;</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">&#xe621;</span>
<div class="name">上升排序</div>
<div class="code-name">&amp;#xe621;</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">&#xe61d;</span>
<div class="name">隐藏闭眼</div>
<div class="code-name">&amp;#xe61d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61e;</span>
<div class="name">开锁</div>
<div class="code-name">&amp;#xe61e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61f;</span>
<div class="name">关锁</div>
<div class="code-name">&amp;#xe61f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe622;</span>
<div class="name">版本库</div>
<div class="code-name">&amp;#xe622;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe623;</span>
<div class="name">issue</div>
<div class="code-name">&amp;#xe623;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe625;</span>
<div class="name">上传图片</div>
<div class="code-name">&amp;#xe625;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe626;</span>
<div class="name">测评</div>
<div class="code-name">&amp;#xe626;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe624;</span>
<div class="name">tpi消息提醒</div>
<div class="code-name">&amp;#xe624;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe628;</span>
<div class="name">qq在线咨询</div>
<div class="code-name">&amp;#xe628;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe629;</span>
<div class="name">二维码</div>
<div class="code-name">&amp;#xe629;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62a;</span>
<div class="name">意见反馈</div>
<div class="code-name">&amp;#xe62a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62b;</span>
<div class="name">邮箱认证</div>
<div class="code-name">&amp;#xe62b;</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">&#xe62d;</span>
<div class="name">职业认证</div>
<div class="code-name">&amp;#xe62d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62e;</span>
<div class="name">身份认证</div>
<div class="code-name">&amp;#xe62e;</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">&#xe630;</span>
<div class="name">评分-线</div>
<div class="code-name">&amp;#xe630;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe631;</span>
<div class="name">作业</div>
<div class="code-name">&amp;#xe631;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe632;</span>
<div class="name">提示错误</div>
<div class="code-name">&amp;#xe632;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe633;</span>
<div class="name">资源</div>
<div class="code-name">&amp;#xe633;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe636;</span>
<div class="name">提示</div>
<div class="code-name">&amp;#xe636;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63a;</span>
<div class="name">成员</div>
<div class="code-name">&amp;#xe63a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63b;</span>
<div class="name">公告</div>
<div class="code-name">&amp;#xe63b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe634;</span>
<div class="name">点赞</div>
<div class="code-name">&amp;#xe634;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe635;</span>
<div class="name">点赞-线</div>
<div class="code-name">&amp;#xe635;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe637;</span>
<div class="name">返回上次代码</div>
<div class="code-name">&amp;#xe637;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe638;</span>
<div class="name">重置</div>
<div class="code-name">&amp;#xe638;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63d;</span>
<div class="name">旋转</div>
<div class="code-name">&amp;#xe63d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63e;</span>
<div class="name">实训</div>
<div class="code-name">&amp;#xe63e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63f;</span>
<div class="name">缩小</div>
<div class="code-name">&amp;#xe63f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe642;</span>
<div class="name">下箭头</div>
<div class="code-name">&amp;#xe642;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe644;</span>
<div class="name">勾选</div>
<div class="code-name">&amp;#xe644;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe646;</span>
<div class="name">浏览眼</div>
<div class="code-name">&amp;#xe646;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe647;</span>
<div class="name">经验</div>
<div class="code-name">&amp;#xe647;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe641;</span>
<div class="name">消息铃铛</div>
<div class="code-name">&amp;#xe641;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe648;</span>
<div class="name">实训关卡</div>
<div class="code-name">&amp;#xe648;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe643;</span>
<div class="name">搜索</div>
<div class="code-name">&amp;#xe643;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64a;</span>
<div class="name">发布</div>
<div class="code-name">&amp;#xe64a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe645;</span>
<div class="name">添加 放大</div>
<div class="code-name">&amp;#xe645;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64b;</span>
<div class="name">向下移动</div>
<div class="code-name">&amp;#xe64b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64c;</span>
<div class="name">向上移动</div>
<div class="code-name">&amp;#xe64c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64d;</span>
<div class="name">关闭</div>
<div class="code-name">&amp;#xe64d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f1;</span>
<div class="name">毕业 [转换]</div>
<div class="code-name">&amp;#xe6f1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe649;</span>
<div class="name">睁眼</div>
<div class="code-name">&amp;#xe649;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64e;</span>
<div class="name">回复</div>
<div class="code-name">&amp;#xe64e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64f;</span>
<div class="name">文件</div>
<div class="code-name">&amp;#xe64f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe650;</span>
<div class="name">展开</div>
<div class="code-name">&amp;#xe650;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe651;</span>
<div class="name">收缩</div>
<div class="code-name">&amp;#xe651;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe652;</span>
<div class="name">左键头</div>
<div class="code-name">&amp;#xe652;</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">&#xe654;</span>
<div class="name">上键头</div>
<div class="code-name">&amp;#xe654;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe655;</span>
<div class="name">编辑带背景</div>
<div class="code-name">&amp;#xe655;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe656;</span>
<div class="name">播放</div>
<div class="code-name">&amp;#xe656;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe658;</span>
<div class="name">完成</div>
<div class="code-name">&amp;#xe658;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65d;</span>
<div class="name">分组作业</div>
<div class="code-name">&amp;#xe65d;</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">&#xe698;</span>
<div class="name">设置</div>
<div class="code-name">&amp;#xe698;</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">&#xe65a;</span>
<div class="name">讨论</div>
<div class="code-name">&amp;#xe65a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65f;</span>
<div class="name">分班</div>
<div class="code-name">&amp;#xe65f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe660;</span>
<div class="name">动态</div>
<div class="code-name">&amp;#xe660;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65b;</span>
<div class="name">试卷</div>
<div class="code-name">&amp;#xe65b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe661;</span>
<div class="name">菜单</div>
<div class="code-name">&amp;#xe661;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe662;</span>
<div class="name">成员管理</div>
<div class="code-name">&amp;#xe662;</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">&#xe663;</span>
<div class="name">向下移</div>
<div class="code-name">&amp;#xe663;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe664;</span>
<div class="name">向上移</div>
<div class="code-name">&amp;#xe664;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe665;</span>
<div class="name">更多</div>
<div class="code-name">&amp;#xe665;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fe;</span>
<div class="name">reset</div>
<div class="code-name">&amp;#xe7fe;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe666;</span>
<div class="name">学院管理员</div>
<div class="code-name">&amp;#xe666;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe667;</span>
<div class="name">空星</div>
<div class="code-name">&amp;#xe667;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe668;</span>
<div class="name">实星</div>
<div class="code-name">&amp;#xe668;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe669;</span>
<div class="name">下降</div>
<div class="code-name">&amp;#xe669;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe800;</span>
<div class="name">复制</div>
<div class="code-name">&amp;#xe800;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f9;</span>
<div class="name">更多</div>
<div class="code-name">&amp;#xe7f9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ee;</span>
<div class="name">20从属连接</div>
<div class="code-name">&amp;#xe6ee;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69d;</span>
<div class="name">手机</div>
<div class="code-name">&amp;#xe69d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b4;</span>
<div class="name">智能监控体系</div>
<div class="code-name">&amp;#xe6b4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe66c;</span>
<div class="name">新增提示</div>
<div class="code-name">&amp;#xe66c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe66e;</span>
<div class="name">完成勾选</div>
<div class="code-name">&amp;#xe66e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xf1d7;</span>
<div class="name">java</div>
<div class="code-name">&amp;#xf1d7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe792;</span>
<div class="name">下降</div>
<div class="code-name">&amp;#xe792;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b3;</span>
<div class="name">fork</div>
<div class="code-name">&amp;#xe6b3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69b;</span>
<div class="name">名片</div>
<div class="code-name">&amp;#xe69b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec6d;</span>
<div class="name">mysql</div>
<div class="code-name">&amp;#xec6d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe71a;</span>
<div class="name">客户留言</div>
<div class="code-name">&amp;#xe71a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe763;</span>
<div class="name">github</div>
<div class="code-name">&amp;#xe763;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60b;</span>
<div class="name">mongodb</div>
<div class="code-name">&amp;#xe60b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe606;</span>
<div class="name">安全设置</div>
<div class="code-name">&amp;#xe606;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe681;</span>
<div class="name">trustie</div>
<div class="code-name">&amp;#xe681;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a2;</span>
<div class="name">无权限</div>
<div class="code-name">&amp;#xe6a2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68c;</span>
<div class="name">实训带背景</div>
<div class="code-name">&amp;#xe68c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60f;</span>
<div class="name">工程</div>
<div class="code-name">&amp;#xe60f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe696;</span>
<div class="name">警告</div>
<div class="code-name">&amp;#xe696;</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">&#xe6d3;</span>
<div class="name">主页</div>
<div class="code-name">&amp;#xe6d3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a3;</span>
<div class="name">yunweijiankong</div>
<div class="code-name">&amp;#xe6a3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a5;</span>
<div class="name">gongyiliucheng</div>
<div class="code-name">&amp;#xe6a5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a6;</span>
<div class="name">zhiliangkongzhi</div>
<div class="code-name">&amp;#xe6a6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a7;</span>
<div class="name">shebeiguanli</div>
<div class="code-name">&amp;#xe6a7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a8;</span>
<div class="name">shengmingzhouqi</div>
<div class="code-name">&amp;#xe6a8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a1;</span>
<div class="name">编辑</div>
<div class="code-name">&amp;#xe6a1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6aa;</span>
<div class="name">排序</div>
<div class="code-name">&amp;#xe6aa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ab;</span>
<div class="name">职业认证</div>
<div class="code-name">&amp;#xe6ab;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ad;</span>
<div class="name">实名认证</div>
<div class="code-name">&amp;#xe6ad;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ae;</span>
<div class="name">Page-1 (2)</div>
<div class="code-name">&amp;#xe6ae;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6af;</span>
<div class="name">Page-3</div>
<div class="code-name">&amp;#xe6af;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b0;</span>
<div class="name">Page2</div>
<div class="code-name">&amp;#xe6b0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b1;</span>
<div class="name">身份认证</div>
<div class="code-name">&amp;#xe6b1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b5;</span>
<div class="name">实名认证</div>
<div class="code-name">&amp;#xe6b5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b6;</span>
<div class="name">学习中心</div>
<div class="code-name">&amp;#xe6b6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bf;</span>
<div class="name">统计</div>
<div class="code-name">&amp;#xe6bf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b8;</span>
<div class="name">menu_3voucher</div>
<div class="code-name">&amp;#xe6b8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b9;</span>
<div class="name">menu_3events</div>
<div class="code-name">&amp;#xe6b9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ba;</span>
<div class="name">menu_4map</div>
<div class="code-name">&amp;#xe6ba;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a9;</span>
<div class="name">menu_5date1</div>
<div class="code-name">&amp;#xe6a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b7;</span>
<div class="name">menu_people1</div>
<div class="code-name">&amp;#xe6b7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60e;</span>
<div class="name">healthmode</div>
<div class="code-name">&amp;#xe60e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6be;</span>
<div class="name">nenghaofenxi@1x</div>
<div class="code-name">&amp;#xe6be;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c1;</span>
<div class="name">detection@1x</div>
<div class="code-name">&amp;#xe6c1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c2;</span>
<div class="name">community@1x</div>
<div class="code-name">&amp;#xe6c2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c3;</span>
<div class="name">hosting@1x</div>
<div class="code-name">&amp;#xe6c3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c4;</span>
<div class="name">project@1x</div>
<div class="code-name">&amp;#xe6c4;</div>
</li>
</ul>
<div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2>
<hr>
<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
<ul>
<li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
<li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
</ul>
<blockquote>
<p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用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.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff2') format('woff2'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
</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 icon-roundclose"></span>
<div class="name">
round_close
</div>
<div class="code-name">.icon-roundclose
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-timefill"></span>
<div class="name">
time_fill
</div>
<div class="code-name">.icon-timefill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-roundaddfill"></span>
<div class="name">
round_add_fill
</div>
<div class="code-name">.icon-roundaddfill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cuban2shangchuanyunduan"></span>
<div class="name">
粗版2_上传云端
</div>
<div class="code-name">.icon-cuban2shangchuanyunduan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-css3"></span>
<div class="name">
css3
</div>
<div class="code-name">.icon-css3
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-html5"></span>
<div class="name">
html5
</div>
<div class="code-name">.icon-html5
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-31"></span>
<div class="name">
钻石
</div>
<div class="code-name">.icon-31
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhangjie1"></span>
<div class="name">
章节
</div>
<div class="code-name">.icon-zhangjie1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-htmal5icon19"></span>
<div class="name">
关闭
</div>
<div class="code-name">.icon-htmal5icon19
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shequ"></span>
<div class="name">
社区
</div>
<div class="code-name">.icon-shequ
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-vs"></span>
<div class="name">
vs
</div>
<div class="code-name">.icon-vs
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weibiaoti12"></span>
<div class="name">
菜单
</div>
<div class="code-name">.icon-weibiaoti12
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pdf"></span>
<div class="name">
pdf
</div>
<div class="code-name">.icon-pdf
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-danxuanxuanzhong1"></span>
<div class="name">
单选 选中
</div>
<div class="code-name">.icon-danxuanxuanzhong1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shijian"></span>
<div class="name">
时间
</div>
<div class="code-name">.icon-shijian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shezhi"></span>
<div class="name">
设置
</div>
<div class="code-name">.icon-shezhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiazai18"></span>
<div class="name">
坐标
</div>
<div class="code-name">.icon-xiazai18
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-liwu"></span>
<div class="name">
礼物
</div>
<div class="code-name">.icon-liwu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-phpkaifa"></span>
<div class="name">
PHP开发
</div>
<div class="code-name">.icon-phpkaifa
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fujian"></span>
<div class="name">
附件
</div>
<div class="code-name">.icon-fujian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-linux"></span>
<div class="name">
linux
</div>
<div class="code-name">.icon-linux
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wenhao"></span>
<div class="name">
问号
</div>
<div class="code-name">.icon-wenhao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zuobiao"></span>
<div class="name">
坐标
</div>
<div class="code-name">.icon-zuobiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-expand"></span>
<div class="name">
expand
</div>
<div class="code-name">.icon-expand
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhongzhi1"></span>
<div class="name">
重置
</div>
<div class="code-name">.icon-zhongzhi1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-luyou"></span>
<div class="name">
路由
</div>
<div class="code-name">.icon-luyou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dianzan1"></span>
<div class="name">
点赞2
</div>
<div class="code-name">.icon-dianzan1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fuzhi"></span>
<div class="name">
复制
</div>
<div class="code-name">.icon-fuzhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dianzan11"></span>
<div class="name">
点赞1
</div>
<div class="code-name">.icon-dianzan11
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sanjiaoxing-up"></span>
<div class="name">
三角形-up
</div>
<div class="code-name">.icon-sanjiaoxing-up
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sanjiaoxing-down"></span>
<div class="name">
三角形-down
</div>
<div class="code-name">.icon-sanjiaoxing-down
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-renzhengxinxi"></span>
<div class="name">
认证信息
</div>
<div class="code-name">.icon-renzhengxinxi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weibiaoti105"></span>
<div class="name">
关注
</div>
<div class="code-name">.icon-weibiaoti105
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gift"></span>
<div class="name">
礼物
</div>
<div class="code-name">.icon-gift
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiaoxi"></span>
<div class="name">
消息
</div>
<div class="code-name">.icon-xiaoxi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mail"></span>
<div class="name">
邮件
</div>
<div class="code-name">.icon-mail
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-compress"></span>
<div class="name">
compress
</div>
<div class="code-name">.icon-compress
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-daimapeizhir"></span>
<div class="name">
代码配置r
</div>
<div class="code-name">.icon-daimapeizhir
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tishi1"></span>
<div class="name">
提示
</div>
<div class="code-name">.icon-tishi1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-net"></span>
<div class="name">
net
</div>
<div class="code-name">.icon-net
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-edit"></span>
<div class="name">
edit
</div>
<div class="code-name">.icon-edit
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xianshi"></span>
<div class="name">
显示
</div>
<div class="code-name">.icon-xianshi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-suo"></span>
<div class="name">
锁
</div>
<div class="code-name">.icon-suo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-default"></span>
<div class="name">
减
</div>
<div class="code-name">.icon-default
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiaoxi1"></span>
<div class="name">
消息
</div>
<div class="code-name">.icon-xiaoxi1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiazai1"></span>
<div class="name">
下载
</div>
<div class="code-name">.icon-xiazai1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chexiao"></span>
<div class="name">
撤销
</div>
<div class="code-name">.icon-chexiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qq"></span>
<div class="name">
qq
</div>
<div class="code-name">.icon-qq
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-biaoqian"></span>
<div class="name">
标签
</div>
<div class="code-name">.icon-biaoqian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dashujucunchu"></span>
<div class="name">
大数据存储
</div>
<div class="code-name">.icon-dashujucunchu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-guanzhu"></span>
<div class="name">
关注
</div>
<div class="code-name">.icon-guanzhu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-laba"></span>
<div class="name">
喇叭
</div>
<div class="code-name">.icon-laba
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mstest"></span>
<div class="name">
mstest
</div>
<div class="code-name">.icon-mstest
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tianjiachengyuan"></span>
<div class="name">
添加成员
</div>
<div class="code-name">.icon-tianjiachengyuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yincang1"></span>
<div class="name">
隐藏
</div>
<div class="code-name">.icon-yincang1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-triangle"></span>
<div class="name">
三角形
</div>
<div class="code-name">.icon-triangle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qizhi"></span>
<div class="name">
旗帜
</div>
<div class="code-name">.icon-qizhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-csdn"></span>
<div class="name">
CSDN
</div>
<div class="code-name">.icon-csdn
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yonghujiaose_wushuju"></span>
<div class="name">
用户、角色_无数据
</div>
<div class="code-name">.icon-yonghujiaose_wushuju
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-moban"></span>
<div class="name">
模板
</div>
<div class="code-name">.icon-moban
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-VPN"></span>
<div class="name">
VPN
</div>
<div class="code-name">.icon-VPN
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jia"></span>
<div class="name">
加
</div>
<div class="code-name">.icon-jia
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yinhangqia1"></span>
<div class="name">
银行卡
</div>
<div class="code-name">.icon-yinhangqia1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weibo"></span>
<div class="name">
微博
</div>
<div class="code-name">.icon-weibo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kong"></span>
<div class="name">
无
</div>
<div class="code-name">.icon-kong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kecheng"></span>
<div class="name">
课程
</div>
<div class="code-name">.icon-kecheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shezhi1"></span>
<div class="name">
设置
</div>
<div class="code-name">.icon-shezhi1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chenggong"></span>
<div class="name">
成功
</div>
<div class="code-name">.icon-chenggong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sandian"></span>
<div class="name">
三点
</div>
<div class="code-name">.icon-sandian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jibenxinxi"></span>
<div class="name">
gs-beixiao-icon-基本信息
</div>
<div class="code-name">.icon-jibenxinxi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-base"></span>
<div class="name">
base
</div>
<div class="code-name">.icon-base
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weixin2"></span>
<div class="name">
微信
</div>
<div class="code-name">.icon-weixin2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-StackOverflow"></span>
<div class="name">
Stack Overflow
</div>
<div class="code-name">.icon-StackOverflow
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhongzhi2"></span>
<div class="name">
重置
</div>
<div class="code-name">.icon-zhongzhi2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-huodong"></span>
<div class="name">
活动
</div>
<div class="code-name">.icon-huodong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yincang"></span>
<div class="name">
隐藏
</div>
<div class="code-name">.icon-yincang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weibiaoti-"></span>
<div class="name">
电话
</div>
<div class="code-name">.icon-weibiaoti-
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weizhi"></span>
<div class="name">
位置
</div>
<div class="code-name">.icon-weizhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jquery"></span>
<div class="name">
jquery
</div>
<div class="code-name">.icon-jquery
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-docker"></span>
<div class="name">
docker
</div>
<div class="code-name">.icon-docker
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-python"></span>
<div class="name">
python
</div>
<div class="code-name">.icon-python
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-php"></span>
<div class="name">
php
</div>
<div class="code-name">.icon-php
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yinhangqia"></span>
<div class="name">
银行卡
</div>
<div class="code-name">.icon-yinhangqia
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-linkedin"></span>
<div class="name">
linkedin
</div>
<div class="code-name">.icon-linkedin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wenjianjia"></span>
<div class="name">
文件夹
</div>
<div class="code-name">.icon-wenjianjia
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-SQLserver"></span>
<div class="name">
SQL server
</div>
<div class="code-name">.icon-SQLserver
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhiliangfenxi"></span>
<div class="name">
质量分析
</div>
<div class="code-name">.icon-zhiliangfenxi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shangchuantupian1"></span>
<div class="name">
上传图片
</div>
<div class="code-name">.icon-shangchuantupian1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengluIpjiankong"></span>
<div class="name">
登录Ip监控
</div>
<div class="code-name">.icon-dengluIpjiankong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-itsm-liuchengguanli"></span>
<div class="name">
itsm3-流程管理
</div>
<div class="code-name">.icon-itsm-liuchengguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-lianjie"></span>
<div class="name">
链接
</div>
<div class="code-name">.icon-lianjie
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenzhi"></span>
<div class="name">
分支
</div>
<div class="code-name">.icon-fenzhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wangzhikelong"></span>
<div class="name">
网址克隆
</div>
<div class="code-name">.icon-wangzhikelong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiazai"></span>
<div class="name">
下载
</div>
<div class="code-name">.icon-xiazai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-daima"></span>
<div class="name">
代码
</div>
<div class="code-name">.icon-daima
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tijiaojilu"></span>
<div class="name">
提交记录
</div>
<div class="code-name">.icon-tijiaojilu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xuanzeti"></span>
<div class="name">
选择题
</div>
<div class="code-name">.icon-xuanzeti
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bianji"></span>
<div class="name">
编辑
</div>
<div class="code-name">.icon-bianji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiangshang"></span>
<div class="name">
向上
</div>
<div class="code-name">.icon-xiangshang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shanchudiao"></span>
<div class="name">
删除掉
</div>
<div class="code-name">.icon-shanchudiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinjian"></span>
<div class="name">
新建
</div>
<div class="code-name">.icon-xinjian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shangshengpaixu"></span>
<div class="name">
上升排序
</div>
<div class="code-name">.icon-shangshengpaixu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiangli"></span>
<div class="name">
奖励
</div>
<div class="code-name">.icon-jiangli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shanchu"></span>
<div class="name">
删除
</div>
<div class="code-name">.icon-shanchu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yincangbiyan"></span>
<div class="name">
隐藏闭眼
</div>
<div class="code-name">.icon-yincangbiyan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kaisuo"></span>
<div class="name">
开锁
</div>
<div class="code-name">.icon-kaisuo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-guansuo"></span>
<div class="name">
关锁
</div>
<div class="code-name">.icon-guansuo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-banbenku"></span>
<div class="name">
版本库
</div>
<div class="code-name">.icon-banbenku
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-issue"></span>
<div class="name">
issue
</div>
<div class="code-name">.icon-issue
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shangchuantupian"></span>
<div class="name">
上传图片
</div>
<div class="code-name">.icon-shangchuantupian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ceping"></span>
<div class="name">
测评
</div>
<div class="code-name">.icon-ceping
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tpixiaoxitixing"></span>
<div class="name">
tpi消息提醒
</div>
<div class="code-name">.icon-tpixiaoxitixing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qqzaixianzixun"></span>
<div class="name">
qq在线咨询
</div>
<div class="code-name">.icon-qqzaixianzixun
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-erweima"></span>
<div class="name">
二维码
</div>
<div class="code-name">.icon-erweima
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yijianfankui"></span>
<div class="name">
意见反馈
</div>
<div class="code-name">.icon-yijianfankui
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-youxiangrenzheng"></span>
<div class="name">
邮箱认证
</div>
<div class="code-name">.icon-youxiangrenzheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shoujirenzheng"></span>
<div class="name">
手机认证
</div>
<div class="code-name">.icon-shoujirenzheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhiyerenzheng"></span>
<div class="name">
职业认证
</div>
<div class="code-name">.icon-zhiyerenzheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shenfenrenzheng"></span>
<div class="name">
身份认证
</div>
<div class="code-name">.icon-shenfenrenzheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pingfen"></span>
<div class="name">
评分
</div>
<div class="code-name">.icon-pingfen
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pingfen-xian"></span>
<div class="name">
评分-线
</div>
<div class="code-name">.icon-pingfen-xian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zuoye"></span>
<div class="name">
作业
</div>
<div class="code-name">.icon-zuoye
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tishicuowu"></span>
<div class="name">
提示错误
</div>
<div class="code-name">.icon-tishicuowu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ziyuan"></span>
<div class="name">
资源
</div>
<div class="code-name">.icon-ziyuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tishi"></span>
<div class="name">
提示
</div>
<div class="code-name">.icon-tishi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chengyuan"></span>
<div class="name">
成员
</div>
<div class="code-name">.icon-chengyuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gonggao"></span>
<div class="name">
公告
</div>
<div class="code-name">.icon-gonggao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dianzan"></span>
<div class="name">
点赞
</div>
<div class="code-name">.icon-dianzan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dianzan-xian"></span>
<div class="name">
点赞-线
</div>
<div class="code-name">.icon-dianzan-xian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fanhuishangcidaima"></span>
<div class="name">
返回上次代码
</div>
<div class="code-name">.icon-fanhuishangcidaima
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhongzhi"></span>
<div class="name">
重置
</div>
<div class="code-name">.icon-zhongzhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xuanzhuan"></span>
<div class="name">
旋转
</div>
<div class="code-name">.icon-xuanzhuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shixun"></span>
<div class="name">
实训
</div>
<div class="code-name">.icon-shixun
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-suoxiao"></span>
<div class="name">
缩小
</div>
<div class="code-name">.icon-suoxiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiajiantou"></span>
<div class="name">
下箭头
</div>
<div class="code-name">.icon-xiajiantou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gouxuan"></span>
<div class="name">
勾选
</div>
<div class="code-name">.icon-gouxuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-liulanyan"></span>
<div class="name">
浏览眼
</div>
<div class="code-name">.icon-liulanyan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jingyan"></span>
<div class="name">
经验
</div>
<div class="code-name">.icon-jingyan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiaoxilingdang"></span>
<div class="name">
消息铃铛
</div>
<div class="code-name">.icon-xiaoxilingdang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shixunguanqia"></span>
<div class="name">
实训关卡
</div>
<div class="code-name">.icon-shixunguanqia
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sousuo"></span>
<div class="name">
搜索
</div>
<div class="code-name">.icon-sousuo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fabu"></span>
<div class="name">
发布
</div>
<div class="code-name">.icon-fabu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tianjiafangda"></span>
<div class="name">
添加 放大
</div>
<div class="code-name">.icon-tianjiafangda
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiangxiayidong"></span>
<div class="name">
向下移动
</div>
<div class="code-name">.icon-xiangxiayidong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiangshangyidong"></span>
<div class="name">
向上移动
</div>
<div class="code-name">.icon-xiangshangyidong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-guanbi"></span>
<div class="name">
关闭
</div>
<div class="code-name">.icon-guanbi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-biyezhuanhuan"></span>
<div class="name">
毕业 [转换]
</div>
<div class="code-name">.icon-biyezhuanhuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhengyan"></span>
<div class="name">
睁眼
</div>
<div class="code-name">.icon-zhengyan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-huifu1"></span>
<div class="name">
回复
</div>
<div class="code-name">.icon-huifu1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wenjian"></span>
<div class="name">
文件
</div>
<div class="code-name">.icon-wenjian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhankai"></span>
<div class="name">
展开
</div>
<div class="code-name">.icon-zhankai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shousuo"></span>
<div class="name">
收缩
</div>
<div class="code-name">.icon-shousuo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zuojiantou"></span>
<div class="name">
左键头
</div>
<div class="code-name">.icon-zuojiantou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-youjiantou"></span>
<div class="name">
右键头
</div>
<div class="code-name">.icon-youjiantou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shangjiantou"></span>
<div class="name">
上键头
</div>
<div class="code-name">.icon-shangjiantou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bianjidaibeijing"></span>
<div class="name">
编辑带背景
</div>
<div class="code-name">.icon-bianjidaibeijing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bofang"></span>
<div class="name">
播放
</div>
<div class="code-name">.icon-bofang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wancheng"></span>
<div class="name">
完成
</div>
<div class="code-name">.icon-wancheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenzuzuoye"></span>
<div class="name">
分组作业
</div>
<div class="code-name">.icon-fenzuzuoye
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-putongzuoye"></span>
<div class="name">
普通作业
</div>
<div class="code-name">.icon-putongzuoye
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shezhi2"></span>
<div class="name">
设置
</div>
<div class="code-name">.icon-shezhi2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wenjuan"></span>
<div class="name">
问卷
</div>
<div class="code-name">.icon-wenjuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-taolun"></span>
<div class="name">
讨论
</div>
<div class="code-name">.icon-taolun
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenban"></span>
<div class="name">
分班
</div>
<div class="code-name">.icon-fenban
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dongtai"></span>
<div class="name">
动态
</div>
<div class="code-name">.icon-dongtai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shijuan"></span>
<div class="name">
试卷
</div>
<div class="code-name">.icon-shijuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-caidan"></span>
<div class="name">
菜单
</div>
<div class="code-name">.icon-caidan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chengyuanguanli"></span>
<div class="name">
成员管理
</div>
<div class="code-name">.icon-chengyuanguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tianjia"></span>
<div class="name">
添加
</div>
<div class="code-name">.icon-tianjia
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiangxiayi"></span>
<div class="name">
向下移
</div>
<div class="code-name">.icon-xiangxiayi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiangshangyi"></span>
<div class="name">
向上移
</div>
<div class="code-name">.icon-xiangshangyi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gengduo"></span>
<div class="name">
更多
</div>
<div class="code-name">.icon-gengduo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-reset"></span>
<div class="name">
reset
</div>
<div class="code-name">.icon-reset
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xueyuanguanliyuan"></span>
<div class="name">
学院管理员
</div>
<div class="code-name">.icon-xueyuanguanliyuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kongxing"></span>
<div class="name">
空星
</div>
<div class="code-name">.icon-kongxing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shixing"></span>
<div class="name">
实星
</div>
<div class="code-name">.icon-shixing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiajiang"></span>
<div class="name">
下降
</div>
<div class="code-name">.icon-xiajiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fuzhi1"></span>
<div class="name">
复制
</div>
<div class="code-name">.icon-fuzhi1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gengduo1"></span>
<div class="name">
更多
</div>
<div class="code-name">.icon-gengduo1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-congshulianjie"></span>
<div class="name">
20从属连接
</div>
<div class="code-name">.icon-congshulianjie
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shouji"></span>
<div class="name">
手机
</div>
<div class="code-name">.icon-shouji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhinengjiankongtixi"></span>
<div class="name">
智能监控体系
</div>
<div class="code-name">.icon-zhinengjiankongtixi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinzengtishi"></span>
<div class="name">
新增提示
</div>
<div class="code-name">.icon-xinzengtishi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wanchenggouxuan"></span>
<div class="name">
完成勾选
</div>
<div class="code-name">.icon-wanchenggouxuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-java"></span>
<div class="name">
java
</div>
<div class="code-name">.icon-java
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-youjiang"></span>
<div class="name">
下降
</div>
<div class="code-name">.icon-youjiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fork"></span>
<div class="name">
fork
</div>
<div class="code-name">.icon-fork
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mingpian"></span>
<div class="name">
名片
</div>
<div class="code-name">.icon-mingpian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mysql"></span>
<div class="name">
mysql
</div>
<div class="code-name">.icon-mysql
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kehuliuyan"></span>
<div class="name">
客户留言
</div>
<div class="code-name">.icon-kehuliuyan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-github"></span>
<div class="name">
github
</div>
<div class="code-name">.icon-github
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mongodb1"></span>
<div class="name">
mongodb
</div>
<div class="code-name">.icon-mongodb1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-anquanshezhi"></span>
<div class="name">
安全设置
</div>
<div class="code-name">.icon-anquanshezhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-trustie"></span>
<div class="name">
trustie
</div>
<div class="code-name">.icon-trustie
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wuquanxian"></span>
<div class="name">
无权限
</div>
<div class="code-name">.icon-wuquanxian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shixundaibeijing"></span>
<div class="name">
实训带背景
</div>
<div class="code-name">.icon-shixundaibeijing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gongcheng"></span>
<div class="name">
工程
</div>
<div class="code-name">.icon-gongcheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jinggao"></span>
<div class="name">
警告
</div>
<div class="code-name">.icon-jinggao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tianjiadaohang"></span>
<div class="name">
添加导航
</div>
<div class="code-name">.icon-tianjiadaohang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhuye"></span>
<div class="name">
主页
</div>
<div class="code-name">.icon-zhuye
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yunweijiankong"></span>
<div class="name">
yunweijiankong
</div>
<div class="code-name">.icon-yunweijiankong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gongyiliucheng"></span>
<div class="name">
gongyiliucheng
</div>
<div class="code-name">.icon-gongyiliucheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhiliangkongzhi"></span>
<div class="name">
zhiliangkongzhi
</div>
<div class="code-name">.icon-zhiliangkongzhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shebeiguanli"></span>
<div class="name">
shebeiguanli
</div>
<div class="code-name">.icon-shebeiguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shengmingzhouqi"></span>
<div class="name">
shengmingzhouqi
</div>
<div class="code-name">.icon-shengmingzhouqi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bianji1"></span>
<div class="name">
编辑
</div>
<div class="code-name">.icon-bianji1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-paixu1"></span>
<div class="name">
排序
</div>
<div class="code-name">.icon-paixu1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-renzhengshangjia"></span>
<div class="name">
职业认证
</div>
<div class="code-name">.icon-renzhengshangjia
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shenfenzhenghaomaguizheng"></span>
<div class="name">
实名认证
</div>
<div class="code-name">.icon-shenfenzhenghaomaguizheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Page-1"></span>
<div class="name">
Page-1 (2)
</div>
<div class="code-name">.icon-Page-1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Page-3"></span>
<div class="name">
Page-3
</div>
<div class="code-name">.icon-Page-3
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Page"></span>
<div class="name">
Page2
</div>
<div class="code-name">.icon-Page
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yemian"></span>
<div class="name">
身份认证
</div>
<div class="code-name">.icon-yemian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bianzu"></span>
<div class="name">
实名认证
</div>
<div class="code-name">.icon-bianzu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xuexizhongxin"></span>
<div class="name">
学习中心
</div>
<div class="code-name">.icon-xuexizhongxin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tongji"></span>
<div class="name">
统计
</div>
<div class="code-name">.icon-tongji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu_voucher"></span>
<div class="name">
menu_3voucher
</div>
<div class="code-name">.icon-menu_voucher
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu_events"></span>
<div class="name">
menu_3events
</div>
<div class="code-name">.icon-menu_events
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu_map"></span>
<div class="name">
menu_4map
</div>
<div class="code-name">.icon-menu_map
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu_date"></span>
<div class="name">
menu_5date1
</div>
<div class="code-name">.icon-menu_date
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu_people"></span>
<div class="name">
menu_people1
</div>
<div class="code-name">.icon-menu_people
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-healthmode"></span>
<div class="name">
healthmode
</div>
<div class="code-name">.icon-healthmode
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nenghaofenxix"></span>
<div class="name">
nenghaofenxi@1x
</div>
<div class="code-name">.icon-nenghaofenxix
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-detectionx"></span>
<div class="name">
detection@1x
</div>
<div class="code-name">.icon-detectionx
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-communityx"></span>
<div class="name">
community@1x
</div>
<div class="code-name">.icon-communityx
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-hostingx2"></span>
<div class="name">
hosting@1x
</div>
<div class="code-name">.icon-hostingx2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-projectx"></span>
<div class="name">
project@1x
</div>
<div class="code-name">.icon-projectx
</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>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
<li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</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 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="#icon-roundclose"></use>
</svg>
<div class="name">round_close</div>
<div class="code-name">#icon-roundclose</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-timefill"></use>
</svg>
<div class="name">time_fill</div>
<div class="code-name">#icon-timefill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-roundaddfill"></use>
</svg>
<div class="name">round_add_fill</div>
<div class="code-name">#icon-roundaddfill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cuban2shangchuanyunduan"></use>
</svg>
<div class="name">粗版2_上传云端</div>
<div class="code-name">#icon-cuban2shangchuanyunduan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-css3"></use>
</svg>
<div class="name">css3</div>
<div class="code-name">#icon-css3</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-html5"></use>
</svg>
<div class="name">html5</div>
<div class="code-name">#icon-html5</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-31"></use>
</svg>
<div class="name">钻石</div>
<div class="code-name">#icon-31</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhangjie1"></use>
</svg>
<div class="name">章节</div>
<div class="code-name">#icon-zhangjie1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-htmal5icon19"></use>
</svg>
<div class="name">关闭</div>
<div class="code-name">#icon-htmal5icon19</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shequ"></use>
</svg>
<div class="name">社区</div>
<div class="code-name">#icon-shequ</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-vs"></use>
</svg>
<div class="name">vs</div>
<div class="code-name">#icon-vs</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weibiaoti12"></use>
</svg>
<div class="name">菜单</div>
<div class="code-name">#icon-weibiaoti12</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pdf"></use>
</svg>
<div class="name">pdf</div>
<div class="code-name">#icon-pdf</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-danxuanxuanzhong1"></use>
</svg>
<div class="name">单选 选中</div>
<div class="code-name">#icon-danxuanxuanzhong1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shijian"></use>
</svg>
<div class="name">时间</div>
<div class="code-name">#icon-shijian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shezhi"></use>
</svg>
<div class="name">设置</div>
<div class="code-name">#icon-shezhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiazai18"></use>
</svg>
<div class="name">坐标</div>
<div class="code-name">#icon-xiazai18</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-liwu"></use>
</svg>
<div class="name">礼物</div>
<div class="code-name">#icon-liwu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-phpkaifa"></use>
</svg>
<div class="name">PHP开发</div>
<div class="code-name">#icon-phpkaifa</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fujian"></use>
</svg>
<div class="name">附件</div>
<div class="code-name">#icon-fujian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-linux"></use>
</svg>
<div class="name">linux</div>
<div class="code-name">#icon-linux</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenhao"></use>
</svg>
<div class="name">问号</div>
<div class="code-name">#icon-wenhao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zuobiao"></use>
</svg>
<div class="name">坐标</div>
<div class="code-name">#icon-zuobiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-expand"></use>
</svg>
<div class="name">expand</div>
<div class="code-name">#icon-expand</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhongzhi1"></use>
</svg>
<div class="name">重置</div>
<div class="code-name">#icon-zhongzhi1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-luyou"></use>
</svg>
<div class="name">路由</div>
<div class="code-name">#icon-luyou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianzan1"></use>
</svg>
<div class="name">点赞2</div>
<div class="code-name">#icon-dianzan1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuzhi"></use>
</svg>
<div class="name">复制</div>
<div class="code-name">#icon-fuzhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianzan11"></use>
</svg>
<div class="name">点赞1</div>
<div class="code-name">#icon-dianzan11</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sanjiaoxing-up"></use>
</svg>
<div class="name">三角形-up</div>
<div class="code-name">#icon-sanjiaoxing-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sanjiaoxing-down"></use>
</svg>
<div class="name">三角形-down</div>
<div class="code-name">#icon-sanjiaoxing-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-renzhengxinxi"></use>
</svg>
<div class="name">认证信息</div>
<div class="code-name">#icon-renzhengxinxi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weibiaoti105"></use>
</svg>
<div class="name">关注</div>
<div class="code-name">#icon-weibiaoti105</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gift"></use>
</svg>
<div class="name">礼物</div>
<div class="code-name">#icon-gift</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxi"></use>
</svg>
<div class="name">消息</div>
<div class="code-name">#icon-xiaoxi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mail"></use>
</svg>
<div class="name">邮件</div>
<div class="code-name">#icon-mail</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-compress"></use>
</svg>
<div class="name">compress</div>
<div class="code-name">#icon-compress</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daimapeizhir"></use>
</svg>
<div class="name">代码配置r</div>
<div class="code-name">#icon-daimapeizhir</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tishi1"></use>
</svg>
<div class="name">提示</div>
<div class="code-name">#icon-tishi1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-net"></use>
</svg>
<div class="name">net</div>
<div class="code-name">#icon-net</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-edit"></use>
</svg>
<div class="name">edit</div>
<div class="code-name">#icon-edit</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xianshi"></use>
</svg>
<div class="name">显示</div>
<div class="code-name">#icon-xianshi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-suo"></use>
</svg>
<div class="name">锁</div>
<div class="code-name">#icon-suo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-default"></use>
</svg>
<div class="name">减</div>
<div class="code-name">#icon-default</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxi1"></use>
</svg>
<div class="name">消息</div>
<div class="code-name">#icon-xiaoxi1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiazai1"></use>
</svg>
<div class="name">下载</div>
<div class="code-name">#icon-xiazai1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chexiao"></use>
</svg>
<div class="name">撤销</div>
<div class="code-name">#icon-chexiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qq"></use>
</svg>
<div class="name">qq</div>
<div class="code-name">#icon-qq</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-biaoqian"></use>
</svg>
<div class="name">标签</div>
<div class="code-name">#icon-biaoqian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dashujucunchu"></use>
</svg>
<div class="name">大数据存储</div>
<div class="code-name">#icon-dashujucunchu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guanzhu"></use>
</svg>
<div class="name">关注</div>
<div class="code-name">#icon-guanzhu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-laba"></use>
</svg>
<div class="name">喇叭</div>
<div class="code-name">#icon-laba</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mstest"></use>
</svg>
<div class="name">mstest</div>
<div class="code-name">#icon-mstest</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tianjiachengyuan"></use>
</svg>
<div class="name">添加成员</div>
<div class="code-name">#icon-tianjiachengyuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yincang1"></use>
</svg>
<div class="name">隐藏</div>
<div class="code-name">#icon-yincang1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-triangle"></use>
</svg>
<div class="name">三角形</div>
<div class="code-name">#icon-triangle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qizhi"></use>
</svg>
<div class="name">旗帜</div>
<div class="code-name">#icon-qizhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-csdn"></use>
</svg>
<div class="name">CSDN</div>
<div class="code-name">#icon-csdn</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yonghujiaose_wushuju"></use>
</svg>
<div class="name">用户、角色_无数据</div>
<div class="code-name">#icon-yonghujiaose_wushuju</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-moban"></use>
</svg>
<div class="name">模板</div>
<div class="code-name">#icon-moban</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-VPN"></use>
</svg>
<div class="name">VPN</div>
<div class="code-name">#icon-VPN</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jia"></use>
</svg>
<div class="name">加 </div>
<div class="code-name">#icon-jia</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yinhangqia1"></use>
</svg>
<div class="name">银行卡</div>
<div class="code-name">#icon-yinhangqia1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weibo"></use>
</svg>
<div class="name">微博</div>
<div class="code-name">#icon-weibo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kong"></use>
</svg>
<div class="name">无</div>
<div class="code-name">#icon-kong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kecheng"></use>
</svg>
<div class="name">课程</div>
<div class="code-name">#icon-kecheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shezhi1"></use>
</svg>
<div class="name">设置</div>
<div class="code-name">#icon-shezhi1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chenggong"></use>
</svg>
<div class="name">成功</div>
<div class="code-name">#icon-chenggong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sandian"></use>
</svg>
<div class="name">三点</div>
<div class="code-name">#icon-sandian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jibenxinxi"></use>
</svg>
<div class="name">gs-beixiao-icon-基本信息</div>
<div class="code-name">#icon-jibenxinxi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-base"></use>
</svg>
<div class="name">base</div>
<div class="code-name">#icon-base</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weixin2"></use>
</svg>
<div class="name">微信</div>
<div class="code-name">#icon-weixin2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-StackOverflow"></use>
</svg>
<div class="name">Stack Overflow</div>
<div class="code-name">#icon-StackOverflow</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhongzhi2"></use>
</svg>
<div class="name">重置</div>
<div class="code-name">#icon-zhongzhi2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huodong"></use>
</svg>
<div class="name">活动</div>
<div class="code-name">#icon-huodong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yincang"></use>
</svg>
<div class="name">隐藏</div>
<div class="code-name">#icon-yincang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weibiaoti-"></use>
</svg>
<div class="name">电话</div>
<div class="code-name">#icon-weibiaoti-</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weizhi"></use>
</svg>
<div class="name">位置</div>
<div class="code-name">#icon-weizhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jquery"></use>
</svg>
<div class="name">jquery</div>
<div class="code-name">#icon-jquery</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-docker"></use>
</svg>
<div class="name">docker</div>
<div class="code-name">#icon-docker</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-python"></use>
</svg>
<div class="name">python</div>
<div class="code-name">#icon-python</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-php"></use>
</svg>
<div class="name">php</div>
<div class="code-name">#icon-php</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yinhangqia"></use>
</svg>
<div class="name">银行卡</div>
<div class="code-name">#icon-yinhangqia</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-linkedin"></use>
</svg>
<div class="name">linkedin</div>
<div class="code-name">#icon-linkedin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenjianjia"></use>
</svg>
<div class="name">文件夹</div>
<div class="code-name">#icon-wenjianjia</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-SQLserver"></use>
</svg>
<div class="name">SQL server</div>
<div class="code-name">#icon-SQLserver</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhiliangfenxi"></use>
</svg>
<div class="name">质量分析</div>
<div class="code-name">#icon-zhiliangfenxi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shangchuantupian1"></use>
</svg>
<div class="name">上传图片</div>
<div class="code-name">#icon-shangchuantupian1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengluIpjiankong"></use>
</svg>
<div class="name">登录Ip监控</div>
<div class="code-name">#icon-dengluIpjiankong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-itsm-liuchengguanli"></use>
</svg>
<div class="name">itsm3-流程管理</div>
<div class="code-name">#icon-itsm-liuchengguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-lianjie"></use>
</svg>
<div class="name">链接</div>
<div class="code-name">#icon-lianjie</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenzhi"></use>
</svg>
<div class="name">分支</div>
<div class="code-name">#icon-fenzhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wangzhikelong"></use>
</svg>
<div class="name">网址克隆</div>
<div class="code-name">#icon-wangzhikelong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiazai"></use>
</svg>
<div class="name">下载</div>
<div class="code-name">#icon-xiazai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daima"></use>
</svg>
<div class="name">代码</div>
<div class="code-name">#icon-daima</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tijiaojilu"></use>
</svg>
<div class="name">提交记录</div>
<div class="code-name">#icon-tijiaojilu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xuanzeti"></use>
</svg>
<div class="name">选择题</div>
<div class="code-name">#icon-xuanzeti</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianji"></use>
</svg>
<div class="name">编辑</div>
<div class="code-name">#icon-bianji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiangshang"></use>
</svg>
<div class="name">向上</div>
<div class="code-name">#icon-xiangshang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shanchudiao"></use>
</svg>
<div class="name">删除掉</div>
<div class="code-name">#icon-shanchudiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xinjian"></use>
</svg>
<div class="name">新建</div>
<div class="code-name">#icon-xinjian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shangshengpaixu"></use>
</svg>
<div class="name">上升排序</div>
<div class="code-name">#icon-shangshengpaixu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiangli"></use>
</svg>
<div class="name">奖励</div>
<div class="code-name">#icon-jiangli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shanchu"></use>
</svg>
<div class="name">删除</div>
<div class="code-name">#icon-shanchu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yincangbiyan"></use>
</svg>
<div class="name">隐藏闭眼</div>
<div class="code-name">#icon-yincangbiyan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaisuo"></use>
</svg>
<div class="name">开锁</div>
<div class="code-name">#icon-kaisuo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guansuo"></use>
</svg>
<div class="name">关锁</div>
<div class="code-name">#icon-guansuo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-banbenku"></use>
</svg>
<div class="name">版本库</div>
<div class="code-name">#icon-banbenku</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-issue"></use>
</svg>
<div class="name">issue</div>
<div class="code-name">#icon-issue</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shangchuantupian"></use>
</svg>
<div class="name">上传图片</div>
<div class="code-name">#icon-shangchuantupian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ceping"></use>
</svg>
<div class="name">测评</div>
<div class="code-name">#icon-ceping</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tpixiaoxitixing"></use>
</svg>
<div class="name">tpi消息提醒</div>
<div class="code-name">#icon-tpixiaoxitixing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qqzaixianzixun"></use>
</svg>
<div class="name">qq在线咨询</div>
<div class="code-name">#icon-qqzaixianzixun</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-erweima"></use>
</svg>
<div class="name">二维码</div>
<div class="code-name">#icon-erweima</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yijianfankui"></use>
</svg>
<div class="name">意见反馈</div>
<div class="code-name">#icon-yijianfankui</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-youxiangrenzheng"></use>
</svg>
<div class="name">邮箱认证</div>
<div class="code-name">#icon-youxiangrenzheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shoujirenzheng"></use>
</svg>
<div class="name">手机认证</div>
<div class="code-name">#icon-shoujirenzheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhiyerenzheng"></use>
</svg>
<div class="name">职业认证</div>
<div class="code-name">#icon-zhiyerenzheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shenfenrenzheng"></use>
</svg>
<div class="name">身份认证</div>
<div class="code-name">#icon-shenfenrenzheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pingfen"></use>
</svg>
<div class="name">评分</div>
<div class="code-name">#icon-pingfen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pingfen-xian"></use>
</svg>
<div class="name">评分-线</div>
<div class="code-name">#icon-pingfen-xian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zuoye"></use>
</svg>
<div class="name">作业</div>
<div class="code-name">#icon-zuoye</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tishicuowu"></use>
</svg>
<div class="name">提示错误</div>
<div class="code-name">#icon-tishicuowu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ziyuan"></use>
</svg>
<div class="name">资源</div>
<div class="code-name">#icon-ziyuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tishi"></use>
</svg>
<div class="name">提示</div>
<div class="code-name">#icon-tishi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chengyuan"></use>
</svg>
<div class="name">成员</div>
<div class="code-name">#icon-chengyuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gonggao"></use>
</svg>
<div class="name">公告</div>
<div class="code-name">#icon-gonggao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianzan"></use>
</svg>
<div class="name">点赞</div>
<div class="code-name">#icon-dianzan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianzan-xian"></use>
</svg>
<div class="name">点赞-线</div>
<div class="code-name">#icon-dianzan-xian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fanhuishangcidaima"></use>
</svg>
<div class="name">返回上次代码</div>
<div class="code-name">#icon-fanhuishangcidaima</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhongzhi"></use>
</svg>
<div class="name">重置</div>
<div class="code-name">#icon-zhongzhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xuanzhuan"></use>
</svg>
<div class="name">旋转</div>
<div class="code-name">#icon-xuanzhuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shixun"></use>
</svg>
<div class="name">实训</div>
<div class="code-name">#icon-shixun</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-suoxiao"></use>
</svg>
<div class="name">缩小</div>
<div class="code-name">#icon-suoxiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiajiantou"></use>
</svg>
<div class="name">下箭头</div>
<div class="code-name">#icon-xiajiantou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gouxuan"></use>
</svg>
<div class="name">勾选</div>
<div class="code-name">#icon-gouxuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-liulanyan"></use>
</svg>
<div class="name">浏览眼</div>
<div class="code-name">#icon-liulanyan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jingyan"></use>
</svg>
<div class="name">经验</div>
<div class="code-name">#icon-jingyan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxilingdang"></use>
</svg>
<div class="name">消息铃铛</div>
<div class="code-name">#icon-xiaoxilingdang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shixunguanqia"></use>
</svg>
<div class="name">实训关卡</div>
<div class="code-name">#icon-shixunguanqia</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sousuo"></use>
</svg>
<div class="name">搜索</div>
<div class="code-name">#icon-sousuo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fabu"></use>
</svg>
<div class="name">发布</div>
<div class="code-name">#icon-fabu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tianjiafangda"></use>
</svg>
<div class="name">添加 放大</div>
<div class="code-name">#icon-tianjiafangda</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiangxiayidong"></use>
</svg>
<div class="name">向下移动</div>
<div class="code-name">#icon-xiangxiayidong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiangshangyidong"></use>
</svg>
<div class="name">向上移动</div>
<div class="code-name">#icon-xiangshangyidong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guanbi"></use>
</svg>
<div class="name">关闭</div>
<div class="code-name">#icon-guanbi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-biyezhuanhuan"></use>
</svg>
<div class="name">毕业 [转换]</div>
<div class="code-name">#icon-biyezhuanhuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhengyan"></use>
</svg>
<div class="name">睁眼</div>
<div class="code-name">#icon-zhengyan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huifu1"></use>
</svg>
<div class="name">回复</div>
<div class="code-name">#icon-huifu1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenjian"></use>
</svg>
<div class="name">文件</div>
<div class="code-name">#icon-wenjian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhankai"></use>
</svg>
<div class="name">展开</div>
<div class="code-name">#icon-zhankai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shousuo"></use>
</svg>
<div class="name">收缩</div>
<div class="code-name">#icon-shousuo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zuojiantou"></use>
</svg>
<div class="name">左键头</div>
<div class="code-name">#icon-zuojiantou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-youjiantou"></use>
</svg>
<div class="name">右键头</div>
<div class="code-name">#icon-youjiantou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shangjiantou"></use>
</svg>
<div class="name">上键头</div>
<div class="code-name">#icon-shangjiantou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianjidaibeijing"></use>
</svg>
<div class="name">编辑带背景</div>
<div class="code-name">#icon-bianjidaibeijing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bofang"></use>
</svg>
<div class="name">播放</div>
<div class="code-name">#icon-bofang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wancheng"></use>
</svg>
<div class="name">完成</div>
<div class="code-name">#icon-wancheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenzuzuoye"></use>
</svg>
<div class="name">分组作业</div>
<div class="code-name">#icon-fenzuzuoye</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-putongzuoye"></use>
</svg>
<div class="name">普通作业</div>
<div class="code-name">#icon-putongzuoye</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shezhi2"></use>
</svg>
<div class="name">设置</div>
<div class="code-name">#icon-shezhi2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenjuan"></use>
</svg>
<div class="name">问卷</div>
<div class="code-name">#icon-wenjuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-taolun"></use>
</svg>
<div class="name">讨论</div>
<div class="code-name">#icon-taolun</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenban"></use>
</svg>
<div class="name">分班</div>
<div class="code-name">#icon-fenban</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dongtai"></use>
</svg>
<div class="name">动态</div>
<div class="code-name">#icon-dongtai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shijuan"></use>
</svg>
<div class="name">试卷</div>
<div class="code-name">#icon-shijuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-caidan"></use>
</svg>
<div class="name">菜单</div>
<div class="code-name">#icon-caidan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chengyuanguanli"></use>
</svg>
<div class="name">成员管理</div>
<div class="code-name">#icon-chengyuanguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tianjia"></use>
</svg>
<div class="name">添加</div>
<div class="code-name">#icon-tianjia</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiangxiayi"></use>
</svg>
<div class="name">向下移</div>
<div class="code-name">#icon-xiangxiayi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiangshangyi"></use>
</svg>
<div class="name">向上移</div>
<div class="code-name">#icon-xiangshangyi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gengduo"></use>
</svg>
<div class="name">更多</div>
<div class="code-name">#icon-gengduo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-reset"></use>
</svg>
<div class="name">reset</div>
<div class="code-name">#icon-reset</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xueyuanguanliyuan"></use>
</svg>
<div class="name">学院管理员</div>
<div class="code-name">#icon-xueyuanguanliyuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kongxing"></use>
</svg>
<div class="name">空星</div>
<div class="code-name">#icon-kongxing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shixing"></use>
</svg>
<div class="name">实星</div>
<div class="code-name">#icon-shixing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiajiang"></use>
</svg>
<div class="name">下降</div>
<div class="code-name">#icon-xiajiang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuzhi1"></use>
</svg>
<div class="name">复制</div>
<div class="code-name">#icon-fuzhi1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gengduo1"></use>
</svg>
<div class="name">更多</div>
<div class="code-name">#icon-gengduo1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-congshulianjie"></use>
</svg>
<div class="name">20从属连接</div>
<div class="code-name">#icon-congshulianjie</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shouji"></use>
</svg>
<div class="name">手机</div>
<div class="code-name">#icon-shouji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhinengjiankongtixi"></use>
</svg>
<div class="name">智能监控体系</div>
<div class="code-name">#icon-zhinengjiankongtixi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xinzengtishi"></use>
</svg>
<div class="name">新增提示</div>
<div class="code-name">#icon-xinzengtishi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wanchenggouxuan"></use>
</svg>
<div class="name">完成勾选</div>
<div class="code-name">#icon-wanchenggouxuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-java"></use>
</svg>
<div class="name">java</div>
<div class="code-name">#icon-java</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-youjiang"></use>
</svg>
<div class="name">下降</div>
<div class="code-name">#icon-youjiang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fork"></use>
</svg>
<div class="name">fork</div>
<div class="code-name">#icon-fork</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mingpian"></use>
</svg>
<div class="name">名片</div>
<div class="code-name">#icon-mingpian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mysql"></use>
</svg>
<div class="name">mysql</div>
<div class="code-name">#icon-mysql</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kehuliuyan"></use>
</svg>
<div class="name">客户留言</div>
<div class="code-name">#icon-kehuliuyan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-github"></use>
</svg>
<div class="name">github</div>
<div class="code-name">#icon-github</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mongodb1"></use>
</svg>
<div class="name">mongodb</div>
<div class="code-name">#icon-mongodb1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-anquanshezhi"></use>
</svg>
<div class="name">安全设置</div>
<div class="code-name">#icon-anquanshezhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-trustie"></use>
</svg>
<div class="name">trustie</div>
<div class="code-name">#icon-trustie</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wuquanxian"></use>
</svg>
<div class="name">无权限</div>
<div class="code-name">#icon-wuquanxian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shixundaibeijing"></use>
</svg>
<div class="name">实训带背景</div>
<div class="code-name">#icon-shixundaibeijing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gongcheng"></use>
</svg>
<div class="name">工程</div>
<div class="code-name">#icon-gongcheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jinggao"></use>
</svg>
<div class="name">警告</div>
<div class="code-name">#icon-jinggao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tianjiadaohang"></use>
</svg>
<div class="name">添加导航</div>
<div class="code-name">#icon-tianjiadaohang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhuye"></use>
</svg>
<div class="name">主页</div>
<div class="code-name">#icon-zhuye</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yunweijiankong"></use>
</svg>
<div class="name">yunweijiankong</div>
<div class="code-name">#icon-yunweijiankong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gongyiliucheng"></use>
</svg>
<div class="name">gongyiliucheng</div>
<div class="code-name">#icon-gongyiliucheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhiliangkongzhi"></use>
</svg>
<div class="name">zhiliangkongzhi</div>
<div class="code-name">#icon-zhiliangkongzhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shebeiguanli"></use>
</svg>
<div class="name">shebeiguanli</div>
<div class="code-name">#icon-shebeiguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shengmingzhouqi"></use>
</svg>
<div class="name">shengmingzhouqi</div>
<div class="code-name">#icon-shengmingzhouqi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianji1"></use>
</svg>
<div class="name">编辑</div>
<div class="code-name">#icon-bianji1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-paixu1"></use>
</svg>
<div class="name">排序</div>
<div class="code-name">#icon-paixu1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-renzhengshangjia"></use>
</svg>
<div class="name">职业认证</div>
<div class="code-name">#icon-renzhengshangjia</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shenfenzhenghaomaguizheng"></use>
</svg>
<div class="name">实名认证</div>
<div class="code-name">#icon-shenfenzhenghaomaguizheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Page-1"></use>
</svg>
<div class="name">Page-1 (2)</div>
<div class="code-name">#icon-Page-1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Page-3"></use>
</svg>
<div class="name">Page-3</div>
<div class="code-name">#icon-Page-3</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Page"></use>
</svg>
<div class="name">Page2</div>
<div class="code-name">#icon-Page</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yemian"></use>
</svg>
<div class="name">身份认证</div>
<div class="code-name">#icon-yemian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianzu"></use>
</svg>
<div class="name">实名认证</div>
<div class="code-name">#icon-bianzu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xuexizhongxin"></use>
</svg>
<div class="name">学习中心</div>
<div class="code-name">#icon-xuexizhongxin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tongji"></use>
</svg>
<div class="name">统计</div>
<div class="code-name">#icon-tongji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu_voucher"></use>
</svg>
<div class="name">menu_3voucher</div>
<div class="code-name">#icon-menu_voucher</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu_events"></use>
</svg>
<div class="name">menu_3events</div>
<div class="code-name">#icon-menu_events</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu_map"></use>
</svg>
<div class="name">menu_4map</div>
<div class="code-name">#icon-menu_map</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu_date"></use>
</svg>
<div class="name">menu_5date1</div>
<div class="code-name">#icon-menu_date</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu_people"></use>
</svg>
<div class="name">menu_people1</div>
<div class="code-name">#icon-menu_people</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-healthmode"></use>
</svg>
<div class="name">healthmode</div>
<div class="code-name">#icon-healthmode</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nenghaofenxix"></use>
</svg>
<div class="name">nenghaofenxi@1x</div>
<div class="code-name">#icon-nenghaofenxix</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-detectionx"></use>
</svg>
<div class="name">detection@1x</div>
<div class="code-name">#icon-detectionx</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-communityx"></use>
</svg>
<div class="name">community@1x</div>
<div class="code-name">#icon-communityx</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-hostingx2"></use>
</svg>
<div class="name">hosting@1x</div>
<div class="code-name">#icon-hostingx2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-projectx"></use>
</svg>
<div class="name">project@1x</div>
<div class="code-name">#icon-projectx</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>