<!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"></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"></span>
<div class="name">round_close</div>
<div class="code-name">&#xe673;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">time_fill</div>
<div class="code-name">&#xe679;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">round_add_fill</div>
<div class="code-name">&#xe6d8;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">粗版2_上传云端</div>
<div class="code-name">&#xe86d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">css3</div>
<div class="code-name">&#xea8b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">html5</div>
<div class="code-name">&#xeb10;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">钻石</div>
<div class="code-name">&#xe6b2;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">章节</div>
<div class="code-name">&#xe68e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">关闭</div>
<div class="code-name">&#xe66b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">社区</div>
<div class="code-name">&#xe6bc;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">禁止</div>
<div class="code-name">&#xe6d4;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">vs</div>
<div class="code-name">&#xe682;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">菜单</div>
<div class="code-name">&#xe671;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">pdf</div>
<div class="code-name">&#xe740;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">单选 选中</div>
<div class="code-name">&#xe6bd;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">时间</div>
<div class="code-name">&#xe69c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">设置</div>
<div class="code-name">&#xe66f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">坐标</div>
<div class="code-name">&#xe627;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">礼物</div>
<div class="code-name">&#xe611;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">PHP开发</div>
<div class="code-name">&#xe67e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">附件</div>
<div class="code-name">&#xe670;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">linux</div>
<div class="code-name">&#xe765;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">问号</div>
<div class="code-name">&#xe680;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">坐标</div>
<div class="code-name">&#xe674;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">expand</div>
<div class="code-name">&#xe6db;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">重置</div>
<div class="code-name">&#xe609;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">浏览</div>
<div class="code-name">&#xe6c7;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">路由</div>
<div class="code-name">&#xe677;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">点赞2</div>
<div class="code-name">&#xe639;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">复制</div>
<div class="code-name">&#xe68f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">点赞1</div>
<div class="code-name">&#xe66d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">下箭头</div>
<div class="code-name">&#xe700;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">三角形-up</div>
<div class="code-name">&#xe78f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">三角形-down</div>
<div class="code-name">&#xe791;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">认证信息</div>
<div class="code-name">&#xe693;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">关注</div>
<div class="code-name">&#xe6c0;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">礼物</div>
<div class="code-name">&#xe63c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">消息</div>
<div class="code-name">&#xe614;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">邮件</div>
<div class="code-name">&#xe66a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">compress</div>
<div class="code-name">&#xe65e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">代码配置r</div>
<div class="code-name">&#xe727;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">提示</div>
<div class="code-name">&#xe690;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">net</div>
<div class="code-name">&#xe607;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">edit</div>
<div class="code-name">&#xe691;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">显示</div>
<div class="code-name">&#xe695;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">锁</div>
<div class="code-name">&#xe6c9;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">减</div>
<div class="code-name">&#xe67f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">消息</div>
<div class="code-name">&#xe6a4;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">下载</div>
<div class="code-name">&#xe6ac;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">撤销</div>
<div class="code-name">&#xe657;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">qq</div>
<div class="code-name">&#xe687;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">标签</div>
<div class="code-name">&#xe74f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">大数据存储</div>
<div class="code-name">&#xe678;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">关注</div>
<div class="code-name">&#xe6c5;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">喇叭</div>
<div class="code-name">&#xe608;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">mstest</div>
<div class="code-name">&#xe686;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">添加成员</div>
<div class="code-name">&#xe69a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">隐藏</div>
<div class="code-name">&#xe9b5;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">三角形</div>
<div class="code-name">&#xe600;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">旗帜</div>
<div class="code-name">&#xe699;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">CSDN</div>
<div class="code-name">&#xe602;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">用户、角色_无数据</div>
<div class="code-name">&#xe69e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">模板</div>
<div class="code-name">&#xe692;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">VPN</div>
<div class="code-name">&#xe601;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">加 </div>
<div class="code-name">&#xe605;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">银行卡</div>
<div class="code-name">&#xe697;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">微博</div>
<div class="code-name">&#xe688;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">无</div>
<div class="code-name">&#xe69f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">课程</div>
<div class="code-name">&#xe60a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">设置</div>
<div class="code-name">&#xe71d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">成功</div>
<div class="code-name">&#xe68b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">三点</div>
<div class="code-name">&#xe6f8;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">gs-beixiao-icon-基本信息</div>
<div class="code-name">&#xe694;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">博客园</div>
<div class="code-name">&#xe6c6;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">base</div>
<div class="code-name">&#xe683;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">微信</div>
<div class="code-name">&#xe603;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">Stack Overflow</div>
<div class="code-name">&#xe689;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">重置</div>
<div class="code-name">&#xe68a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">活动</div>
<div class="code-name">&#xe6bb;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">隐藏</div>
<div class="code-name">&#xe6a0;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">电话</div>
<div class="code-name">&#xe60d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">位置</div>
<div class="code-name">&#xe676;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">jquery</div>
<div class="code-name">&#xe67a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">docker</div>
<div class="code-name">&#xe67b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">python</div>
<div class="code-name">&#xe67c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">php</div>
<div class="code-name">&#xe67d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">SDK问题</div>
<div class="code-name">&#xe7dc;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">银行卡</div>
<div class="code-name">&#xe675;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">linkedin</div>
<div class="code-name">&#xe60c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">文件夹</div>
<div class="code-name">&#xe640;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">SQL server</div>
<div class="code-name">&#xe705;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">质量分析</div>
<div class="code-name">&#xe68d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">上传图片</div>
<div class="code-name">&#xe7fd;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">登录Ip监控</div>
<div class="code-name">&#xe684;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">itsm3-流程管理</div>
<div class="code-name">&#xe685;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">链接</div>
<div class="code-name">&#xe7db;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">分支</div>
<div class="code-name">&#xe610;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">网址克隆</div>
<div class="code-name">&#xe612;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">下载</div>
<div class="code-name">&#xe613;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">代码</div>
<div class="code-name">&#xe615;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">提交记录</div>
<div class="code-name">&#xe616;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">选择题</div>
<div class="code-name">&#xe617;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">编辑</div>
<div class="code-name">&#xe618;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">向上</div>
<div class="code-name">&#xe61a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">删除掉</div>
<div class="code-name">&#xe620;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">新建</div>
<div class="code-name">&#xe619;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">上升排序</div>
<div class="code-name">&#xe621;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">奖励</div>
<div class="code-name">&#xe61b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">删除</div>
<div class="code-name">&#xe61c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">隐藏闭眼</div>
<div class="code-name">&#xe61d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">开锁</div>
<div class="code-name">&#xe61e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">关锁</div>
<div class="code-name">&#xe61f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">版本库</div>
<div class="code-name">&#xe622;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">issue</div>
<div class="code-name">&#xe623;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">上传图片</div>
<div class="code-name">&#xe625;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">测评</div>
<div class="code-name">&#xe626;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">tpi消息提醒</div>
<div class="code-name">&#xe624;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">qq在线咨询</div>
<div class="code-name">&#xe628;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">二维码</div>
<div class="code-name">&#xe629;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">意见反馈</div>
<div class="code-name">&#xe62a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">邮箱认证</div>
<div class="code-name">&#xe62b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">手机认证</div>
<div class="code-name">&#xe62c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">职业认证</div>
<div class="code-name">&#xe62d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">身份认证</div>
<div class="code-name">&#xe62e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">评分</div>
<div class="code-name">&#xe62f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">评分-线</div>
<div class="code-name">&#xe630;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">作业</div>
<div class="code-name">&#xe631;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">提示错误</div>
<div class="code-name">&#xe632;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">资源</div>
<div class="code-name">&#xe633;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">提示</div>
<div class="code-name">&#xe636;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">成员</div>
<div class="code-name">&#xe63a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">公告</div>
<div class="code-name">&#xe63b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">点赞</div>
<div class="code-name">&#xe634;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">点赞-线</div>
<div class="code-name">&#xe635;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">返回上次代码</div>
<div class="code-name">&#xe637;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">重置</div>
<div class="code-name">&#xe638;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">旋转</div>
<div class="code-name">&#xe63d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">实训</div>
<div class="code-name">&#xe63e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">缩小</div>
<div class="code-name">&#xe63f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">下箭头</div>
<div class="code-name">&#xe642;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">勾选</div>
<div class="code-name">&#xe644;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">浏览眼</div>
<div class="code-name">&#xe646;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">经验</div>
<div class="code-name">&#xe647;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">消息铃铛</div>
<div class="code-name">&#xe641;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">实训关卡</div>
<div class="code-name">&#xe648;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">搜索</div>
<div class="code-name">&#xe643;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">发布</div>
<div class="code-name">&#xe64a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">添加 放大</div>
<div class="code-name">&#xe645;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">向下移动</div>
<div class="code-name">&#xe64b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">向上移动</div>
<div class="code-name">&#xe64c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">关闭</div>
<div class="code-name">&#xe64d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">毕业 [转换]</div>
<div class="code-name">&#xe6f1;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">睁眼</div>
<div class="code-name">&#xe649;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">回复</div>
<div class="code-name">&#xe64e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">文件</div>
<div class="code-name">&#xe64f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">展开</div>
<div class="code-name">&#xe650;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">收缩</div>
<div class="code-name">&#xe651;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">左键头</div>
<div class="code-name">&#xe652;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">右键头</div>
<div class="code-name">&#xe653;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">上键头</div>
<div class="code-name">&#xe654;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">编辑带背景</div>
<div class="code-name">&#xe655;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">播放</div>
<div class="code-name">&#xe656;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">完成</div>
<div class="code-name">&#xe658;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">分组作业</div>
<div class="code-name">&#xe65d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">普通作业</div>
<div class="code-name">&#xe65c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">设置</div>
<div class="code-name">&#xe698;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">问卷</div>
<div class="code-name">&#xe659;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">讨论</div>
<div class="code-name">&#xe65a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">分班</div>
<div class="code-name">&#xe65f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">动态</div>
<div class="code-name">&#xe660;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">试卷</div>
<div class="code-name">&#xe65b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">菜单</div>
<div class="code-name">&#xe661;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">成员管理</div>
<div class="code-name">&#xe662;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">添加</div>
<div class="code-name">&#xe672;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">向下移</div>
<div class="code-name">&#xe663;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">向上移</div>
<div class="code-name">&#xe664;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">更多</div>
<div class="code-name">&#xe665;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">reset</div>
<div class="code-name">&#xe7fe;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">学院管理员</div>
<div class="code-name">&#xe666;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">空星</div>
<div class="code-name">&#xe667;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">实星</div>
<div class="code-name">&#xe668;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">下降</div>
<div class="code-name">&#xe669;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">复制</div>
<div class="code-name">&#xe800;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">更多</div>
<div class="code-name">&#xe7f9;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">20从属连接</div>
<div class="code-name">&#xe6ee;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">手机</div>
<div class="code-name">&#xe69d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">智能监控体系</div>
<div class="code-name">&#xe6b4;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">新增提示</div>
<div class="code-name">&#xe66c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">完成勾选</div>
<div class="code-name">&#xe66e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">java</div>
<div class="code-name">&#xf1d7;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">下降</div>
<div class="code-name">&#xe792;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">fork</div>
<div class="code-name">&#xe6b3;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">名片</div>
<div class="code-name">&#xe69b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">mysql</div>
<div class="code-name">&#xec6d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">客户留言</div>
<div class="code-name">&#xe71a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">github</div>
<div class="code-name">&#xe763;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">mongodb</div>
<div class="code-name">&#xe60b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">安全设置</div>
<div class="code-name">&#xe606;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">trustie</div>
<div class="code-name">&#xe681;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">无权限</div>
<div class="code-name">&#xe6a2;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">实训带背景</div>
<div class="code-name">&#xe68c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">评论</div>
<div class="code-name">&#xe6c8;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">工程</div>
<div class="code-name">&#xe60f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">警告</div>
<div class="code-name">&#xe696;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">添加导航</div>
<div class="code-name">&#xe604;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">上箭头-填充</div>
<div class="code-name">&#xe733;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">主页</div>
<div class="code-name">&#xe6d3;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">yunweijiankong</div>
<div class="code-name">&#xe6a3;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">gongyiliucheng</div>
<div class="code-name">&#xe6a5;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">zhiliangkongzhi</div>
<div class="code-name">&#xe6a6;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">shebeiguanli</div>
<div class="code-name">&#xe6a7;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">shengmingzhouqi</div>
<div class="code-name">&#xe6a8;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">编辑</div>
<div class="code-name">&#xe6a1;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">省略号</div>
<div class="code-name">&#xe708;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">排序</div>
<div class="code-name">&#xe6aa;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">职业认证</div>
<div class="code-name">&#xe6ab;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">实名认证</div>
<div class="code-name">&#xe6ad;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">Page-1 (2)</div>
<div class="code-name">&#xe6ae;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">Page-3</div>
<div class="code-name">&#xe6af;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">Page2</div>
<div class="code-name">&#xe6b0;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">身份认证</div>
<div class="code-name">&#xe6b1;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">实名认证</div>
<div class="code-name">&#xe6b5;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">学习中心</div>
<div class="code-name">&#xe6b6;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">统计</div>
<div class="code-name">&#xe6bf;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">menu_3voucher</div>
<div class="code-name">&#xe6b8;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">menu_3events</div>
<div class="code-name">&#xe6b9;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">menu_4map</div>
<div class="code-name">&#xe6ba;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">menu_5date1</div>
<div class="code-name">&#xe6a9;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">menu_people1</div>
<div class="code-name">&#xe6b7;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">向上 箭头</div>
<div class="code-name">&#xe74c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">healthmode</div>
<div class="code-name">&#xe60e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">nenghaofenxi@1x</div>
<div class="code-name">&#xe6be;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">detection@1x</div>
<div class="code-name">&#xe6c1;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">community@1x</div>
<div class="code-name">&#xe6c2;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">hosting@1x</div>
<div class="code-name">&#xe6c3;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">project@1x</div>
<div class="code-name">&#xe6c4;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">绑定手机号</div>
<div class="code-name">&#xe6ca;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">标签</div>
<div class="code-name">&#xe6ce;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">记录</div>
<div class="code-name">&#xe6cf;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">书</div>
<div class="code-name">&#xe6d0;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">推荐</div>
<div class="code-name">&#xe6d1;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">创建者</div>
<div class="code-name">&#xe6d2;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">创建者</div>
<div class="code-name">&#xe6da;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">书</div>
<div class="code-name">&#xe6dc;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">标签</div>
<div class="code-name">&#xe6dd;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">记录</div>
<div class="code-name">&#xe6de;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">推荐</div>
<div class="code-name">&#xe6df;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">警告</div>
<div class="code-name">&#xe6e0;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">点赞</div>
<div class="code-name">&#xe6e1;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">评论</div>
<div class="code-name">&#xe6e2;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">对勾</div>
<div class="code-name">&#xe6e3;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">提示</div>
<div class="code-name">&#xe6e4;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">编辑_Hover</div>
<div class="code-name">&#xe6e5;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">上移_Hover</div>
<div class="code-name">&#xe6e6;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">删除_默认</div>
<div class="code-name">&#xe6e7;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">下移_Hover</div>
<div class="code-name">&#xe6e8;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">删除_Hover</div>
<div class="code-name">&#xe6e9;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">下移_默认</div>
<div class="code-name">&#xe6ea;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">编辑_默认</div>
<div class="code-name">&#xe6eb;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">恢复初始代码</div>
<div class="code-name">&#xe6ec;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">再次载入</div>
<div class="code-name">&#xe6ed;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">开关</div>
<div class="code-name">&#xe6ef;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">目录</div>
<div class="code-name">&#xe6f0;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">缩小</div>
<div class="code-name">&#xe6f2;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">扩大</div>
<div class="code-name">&#xe6f3;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">设置</div>
<div class="code-name">&#xe6f4;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">隐藏</div>
<div class="code-name">&#xe6f5;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">消息</div>
<div class="code-name">&#xe6f6;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">金币</div>
<div class="code-name">&#xe6f7;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">显示密码</div>
<div class="code-name">&#xe6f9;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">隐藏密码</div>
<div class="code-name">&#xe6fa;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">复制</div>
<div class="code-name">&#xe6fb;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">文件</div>
<div class="code-name">&#xe6fc;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">文件夹</div>
<div class="code-name">&#xe6fd;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">上传</div>
<div class="code-name">&#xe6fe;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">挑战</div>
<div class="code-name">&#xe6ff;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">完成</div>
<div class="code-name">&#xe6cb;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">企业账号</div>
<div class="code-name">&#xe6cc;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">个人账号</div>
<div class="code-name">&#xe6cd;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">右滑</div>
<div class="code-name">&#xe702;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">解锁</div>
<div class="code-name">&#xe703;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">锁</div>
<div class="code-name">&#xe704;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">加载失败</div>
<div class="code-name">&#xe6d6;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">搜索</div>
<div class="code-name">&#xe706;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">类型</div>
<div class="code-name">&#xe6d5;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">标签尖头</div>
<div class="code-name">&#xe6d7;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">笔记</div>
<div class="code-name">&#xe70a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">置顶</div>
<div class="code-name">&#xe6d9;</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"
><span class="iconfont">&#x33;</span>
</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-jinzhi"></span>
<div class="name">
禁止
</div>
<div class="code-name">.icon-jinzhi
</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-liulan"></span>
<div class="name">
浏览
</div>
<div class="code-name">.icon-liulan
</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-jiantou9"></span>
<div class="name">
下箭头
</div>
<div class="code-name">.icon-jiantou9
</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-bokeyuan"></span>
<div class="name">
博客园
</div>
<div class="code-name">.icon-bokeyuan
</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-wenti"></span>
<div class="name">
SDK问题
</div>
<div class="code-name">.icon-wenti
</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-pinglun"></span>
<div class="name">
评论
</div>
<div class="code-name">.icon-pinglun
</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-shangjiantou-tianchong"></span>
<div class="name">
上箭头-填充
</div>
<div class="code-name">.icon-shangjiantou-tianchong
</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-shenglvehao"></span>
<div class="name">
省略号
</div>
<div class="code-name">.icon-shenglvehao
</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-changyongtubiao-xianxingdaochu-zhuanqu-"></span>
<div class="name">
向上 箭头
</div>
<div class="code-name">.icon-changyongtubiao-xianxingdaochu-zhuanqu-
</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>
<li class="dib">
<span class="icon iconfont icon-bangdingshoujihao"></span>
<div class="name">
绑定手机号
</div>
<div class="code-name">.icon-bangdingshoujihao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-biaoqian1"></span>
<div class="name">
标签
</div>
<div class="code-name">.icon-biaoqian1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jilu"></span>
<div class="name">
记录
</div>
<div class="code-name">.icon-jilu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shu"></span>
<div class="name">
书
</div>
<div class="code-name">.icon-shu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tuijian"></span>
<div class="name">
推荐
</div>
<div class="code-name">.icon-tuijian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chuangjianzhe"></span>
<div class="name">
创建者
</div>
<div class="code-name">.icon-chuangjianzhe
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chuangjianzhe1"></span>
<div class="name">
创建者
</div>
<div class="code-name">.icon-chuangjianzhe1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shu1"></span>
<div class="name">
书
</div>
<div class="code-name">.icon-shu1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-biaoqian2"></span>
<div class="name">
标签
</div>
<div class="code-name">.icon-biaoqian2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jilu1"></span>
<div class="name">
记录
</div>
<div class="code-name">.icon-jilu1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tuijian1"></span>
<div class="name">
推荐
</div>
<div class="code-name">.icon-tuijian1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jinggao1"></span>
<div class="name">
警告
</div>
<div class="code-name">.icon-jinggao1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dianzan2"></span>
<div class="name">
点赞
</div>
<div class="code-name">.icon-dianzan2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pinglun1"></span>
<div class="name">
评论
</div>
<div class="code-name">.icon-pinglun1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-duigou"></span>
<div class="name">
对勾
</div>
<div class="code-name">.icon-duigou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tishi2"></span>
<div class="name">
提示
</div>
<div class="code-name">.icon-tishi2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bianji_Hover"></span>
<div class="name">
编辑_Hover
</div>
<div class="code-name">.icon-bianji_Hover
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shangyi_Hover"></span>
<div class="name">
上移_Hover
</div>
<div class="code-name">.icon-shangyi_Hover
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shanchu_moren"></span>
<div class="name">
删除_默认
</div>
<div class="code-name">.icon-shanchu_moren
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiayi_Hover"></span>
<div class="name">
下移_Hover
</div>
<div class="code-name">.icon-xiayi_Hover
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shanchu_Hover"></span>
<div class="name">
删除_Hover
</div>
<div class="code-name">.icon-shanchu_Hover
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiayi_moren"></span>
<div class="name">
下移_默认
</div>
<div class="code-name">.icon-xiayi_moren
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bianji_moren"></span>
<div class="name">
编辑_默认
</div>
<div class="code-name">.icon-bianji_moren
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-huifuchushidaima"></span>
<div class="name">
恢复初始代码
</div>
<div class="code-name">.icon-huifuchushidaima
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zaicizairu"></span>
<div class="name">
再次载入
</div>
<div class="code-name">.icon-zaicizairu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kaiguan"></span>
<div class="name">
开关
</div>
<div class="code-name">.icon-kaiguan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mulu"></span>
<div class="name">
目录
</div>
<div class="code-name">.icon-mulu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-suoxiao1"></span>
<div class="name">
缩小
</div>
<div class="code-name">.icon-suoxiao1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kuoda"></span>
<div class="name">
扩大
</div>
<div class="code-name">.icon-kuoda
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shezhi3"></span>
<div class="name">
设置
</div>
<div class="code-name">.icon-shezhi3
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yincang2"></span>
<div class="name">
隐藏
</div>
<div class="code-name">.icon-yincang2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiaoxi11"></span>
<div class="name">
消息
</div>
<div class="code-name">.icon-xiaoxi11
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bianzu1"></span>
<div class="name">
金币
</div>
<div class="code-name">.icon-bianzu1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xianshimima"></span>
<div class="name">
显示密码
</div>
<div class="code-name">.icon-xianshimima
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yincangmima"></span>
<div class="name">
隐藏密码
</div>
<div class="code-name">.icon-yincangmima
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fuzhi2"></span>
<div class="name">
复制
</div>
<div class="code-name">.icon-fuzhi2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xingzhuangjiehe"></span>
<div class="name">
文件
</div>
<div class="code-name">.icon-xingzhuangjiehe
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xingzhuangjiehebeifen"></span>
<div class="name">
文件夹
</div>
<div class="code-name">.icon-xingzhuangjiehebeifen
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shangchuan"></span>
<div class="name">
上传
</div>
<div class="code-name">.icon-shangchuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tiaozhan"></span>
<div class="name">
挑战
</div>
<div class="code-name">.icon-tiaozhan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wancheng1"></span>
<div class="name">
完成
</div>
<div class="code-name">.icon-wancheng1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qiyezhanghao"></span>
<div class="name">
企业账号
</div>
<div class="code-name">.icon-qiyezhanghao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gerenzhanghao"></span>
<div class="name">
个人账号
</div>
<div class="code-name">.icon-gerenzhanghao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-youhua"></span>
<div class="name">
右滑
</div>
<div class="code-name">.icon-youhua
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiesuo"></span>
<div class="name">
解锁
</div>
<div class="code-name">.icon-jiesuo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-suo1"></span>
<div class="name">
锁
</div>
<div class="code-name">.icon-suo1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiazaishibai1"></span>
<div class="name">
加载失败
</div>
<div class="code-name">.icon-jiazaishibai1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bianzu11"></span>
<div class="name">
搜索
</div>
<div class="code-name">.icon-bianzu11
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-leixing"></span>
<div class="name">
类型
</div>
<div class="code-name">.icon-leixing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-biaoqianjiantou"></span>
<div class="name">
标签尖头
</div>
<div class="code-name">.icon-biaoqianjiantou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-biji"></span>
<div class="name">
笔记
</div>
<div class="code-name">.icon-biji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhiding"></span>
<div class="name">
置顶
</div>
<div class="code-name">.icon-zhiding
</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"><link rel="stylesheet" href="./iconfont.css">
</code></pre>
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html"><span class="iconfont icon-xxx"></span>
</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-jinzhi"></use>
</svg>
<div class="name">禁止</div>
<div class="code-name">#icon-jinzhi</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-liulan"></use>
</svg>
<div class="name">浏览</div>
<div class="code-name">#icon-liulan</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-jiantou9"></use>
</svg>
<div class="name">下箭头</div>
<div class="code-name">#icon-jiantou9</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-bokeyuan"></use>
</svg>
<div class="name">博客园</div>
<div class="code-name">#icon-bokeyuan</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-wenti"></use>
</svg>
<div class="name">SDK问题</div>
<div class="code-name">#icon-wenti</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-pinglun"></use>
</svg>
<div class="name">评论</div>
<div class="code-name">#icon-pinglun</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-shangjiantou-tianchong"></use>
</svg>
<div class="name">上箭头-填充</div>
<div class="code-name">#icon-shangjiantou-tianchong</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-shenglvehao"></use>
</svg>
<div class="name">省略号</div>
<div class="code-name">#icon-shenglvehao</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-changyongtubiao-xianxingdaochu-zhuanqu-"></use>
</svg>
<div class="name">向上 箭头</div>
<div class="code-name">#icon-changyongtubiao-xianxingdaochu-zhuanqu-</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>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bangdingshoujihao"></use>
</svg>
<div class="name">绑定手机号</div>
<div class="code-name">#icon-bangdingshoujihao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-biaoqian1"></use>
</svg>
<div class="name">标签</div>
<div class="code-name">#icon-biaoqian1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jilu"></use>
</svg>
<div class="name">记录</div>
<div class="code-name">#icon-jilu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shu"></use>
</svg>
<div class="name">书</div>
<div class="code-name">#icon-shu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tuijian"></use>
</svg>
<div class="name">推荐</div>
<div class="code-name">#icon-tuijian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chuangjianzhe"></use>
</svg>
<div class="name">创建者</div>
<div class="code-name">#icon-chuangjianzhe</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chuangjianzhe1"></use>
</svg>
<div class="name">创建者</div>
<div class="code-name">#icon-chuangjianzhe1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shu1"></use>
</svg>
<div class="name">书</div>
<div class="code-name">#icon-shu1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-biaoqian2"></use>
</svg>
<div class="name">标签</div>
<div class="code-name">#icon-biaoqian2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jilu1"></use>
</svg>
<div class="name">记录</div>
<div class="code-name">#icon-jilu1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tuijian1"></use>
</svg>
<div class="name">推荐</div>
<div class="code-name">#icon-tuijian1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jinggao1"></use>
</svg>
<div class="name">警告</div>
<div class="code-name">#icon-jinggao1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianzan2"></use>
</svg>
<div class="name">点赞</div>
<div class="code-name">#icon-dianzan2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pinglun1"></use>
</svg>
<div class="name">评论</div>
<div class="code-name">#icon-pinglun1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigou"></use>
</svg>
<div class="name">对勾</div>
<div class="code-name">#icon-duigou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tishi2"></use>
</svg>
<div class="name">提示</div>
<div class="code-name">#icon-tishi2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianji_Hover"></use>
</svg>
<div class="name">编辑_Hover</div>
<div class="code-name">#icon-bianji_Hover</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shangyi_Hover"></use>
</svg>
<div class="name">上移_Hover</div>
<div class="code-name">#icon-shangyi_Hover</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shanchu_moren"></use>
</svg>
<div class="name">删除_默认</div>
<div class="code-name">#icon-shanchu_moren</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiayi_Hover"></use>
</svg>
<div class="name">下移_Hover</div>
<div class="code-name">#icon-xiayi_Hover</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shanchu_Hover"></use>
</svg>
<div class="name">删除_Hover</div>
<div class="code-name">#icon-shanchu_Hover</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiayi_moren"></use>
</svg>
<div class="name">下移_默认</div>
<div class="code-name">#icon-xiayi_moren</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianji_moren"></use>
</svg>
<div class="name">编辑_默认</div>
<div class="code-name">#icon-bianji_moren</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huifuchushidaima"></use>
</svg>
<div class="name">恢复初始代码</div>
<div class="code-name">#icon-huifuchushidaima</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zaicizairu"></use>
</svg>
<div class="name">再次载入</div>
<div class="code-name">#icon-zaicizairu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaiguan"></use>
</svg>
<div class="name">开关</div>
<div class="code-name">#icon-kaiguan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mulu"></use>
</svg>
<div class="name">目录</div>
<div class="code-name">#icon-mulu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-suoxiao1"></use>
</svg>
<div class="name">缩小</div>
<div class="code-name">#icon-suoxiao1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kuoda"></use>
</svg>
<div class="name">扩大</div>
<div class="code-name">#icon-kuoda</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shezhi3"></use>
</svg>
<div class="name">设置</div>
<div class="code-name">#icon-shezhi3</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yincang2"></use>
</svg>
<div class="name">隐藏</div>
<div class="code-name">#icon-yincang2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxi11"></use>
</svg>
<div class="name">消息</div>
<div class="code-name">#icon-xiaoxi11</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianzu1"></use>
</svg>
<div class="name">金币</div>
<div class="code-name">#icon-bianzu1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xianshimima"></use>
</svg>
<div class="name">显示密码</div>
<div class="code-name">#icon-xianshimima</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yincangmima"></use>
</svg>
<div class="name">隐藏密码</div>
<div class="code-name">#icon-yincangmima</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuzhi2"></use>
</svg>
<div class="name">复制</div>
<div class="code-name">#icon-fuzhi2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xingzhuangjiehe"></use>
</svg>
<div class="name">文件</div>
<div class="code-name">#icon-xingzhuangjiehe</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xingzhuangjiehebeifen"></use>
</svg>
<div class="name">文件夹</div>
<div class="code-name">#icon-xingzhuangjiehebeifen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shangchuan"></use>
</svg>
<div class="name">上传</div>
<div class="code-name">#icon-shangchuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tiaozhan"></use>
</svg>
<div class="name">挑战</div>
<div class="code-name">#icon-tiaozhan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wancheng1"></use>
</svg>
<div class="name">完成</div>
<div class="code-name">#icon-wancheng1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qiyezhanghao"></use>
</svg>
<div class="name">企业账号</div>
<div class="code-name">#icon-qiyezhanghao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gerenzhanghao"></use>
</svg>
<div class="name">个人账号</div>
<div class="code-name">#icon-gerenzhanghao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-youhua"></use>
</svg>
<div class="name">右滑</div>
<div class="code-name">#icon-youhua</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiesuo"></use>
</svg>
<div class="name">解锁</div>
<div class="code-name">#icon-jiesuo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-suo1"></use>
</svg>
<div class="name">锁</div>
<div class="code-name">#icon-suo1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiazaishibai1"></use>
</svg>
<div class="name">加载失败</div>
<div class="code-name">#icon-jiazaishibai1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianzu11"></use>
</svg>
<div class="name">搜索</div>
<div class="code-name">#icon-bianzu11</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-leixing"></use>
</svg>
<div class="name">类型</div>
<div class="code-name">#icon-leixing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-biaoqianjiantou"></use>
</svg>
<div class="name">标签尖头</div>
<div class="code-name">#icon-biaoqianjiantou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-biji"></use>
</svg>
<div class="name">笔记</div>
<div class="code-name">#icon-biji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhiding"></use>
</svg>
<div class="name">置顶</div>
<div class="code-name">#icon-zhiding</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"><script src="./iconfont.js"></script>
</code></pre>
<h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html"><style>
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html"><svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xxx"></use>
</svg>
</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>