4881 lines
169 KiB
HTML
4881 lines
169 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8"/>
|
|||
|
|
<title>iconfont Demo</title>
|
|||
|
|
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
|
|||
|
|
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
|
|||
|
|
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
|
|||
|
|
<link rel="stylesheet" href="demo.css">
|
|||
|
|
<link rel="stylesheet" href="iconfont.css">
|
|||
|
|
<script src="iconfont.js"></script>
|
|||
|
|
<!-- jQuery -->
|
|||
|
|
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
|
|||
|
|
<!-- 代码高亮 -->
|
|||
|
|
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
|
|||
|
|
<style>
|
|||
|
|
.main .logo {
|
|||
|
|
margin-top: 0;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.main .logo a {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.main .logo .sub-title {
|
|||
|
|
margin-left: 0.5em;
|
|||
|
|
font-size: 22px;
|
|||
|
|
color: #fff;
|
|||
|
|
background: linear-gradient(-45deg, #3967FF, #B500FE);
|
|||
|
|
-webkit-background-clip: text;
|
|||
|
|
-webkit-text-fill-color: transparent;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="main">
|
|||
|
|
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
|
|||
|
|
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
|
|||
|
|
|
|||
|
|
</a></h1>
|
|||
|
|
<div class="nav-tabs">
|
|||
|
|
<ul id="tabs" class="dib-box">
|
|||
|
|
<li class="dib active"><span>Unicode</span></li>
|
|||
|
|
<li class="dib"><span>Font class</span></li>
|
|||
|
|
<li class="dib"><span>Symbol</span></li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4975639" 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">shield</div>
|
|||
|
|
<div class="code-name">&#xe6fa;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">audits</div>
|
|||
|
|
<div class="code-name">&#xe6fb;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">post_recommend_fill</div>
|
|||
|
|
<div class="code-name">&#xe6f9;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">post_Notrecommend_fill</div>
|
|||
|
|
<div class="code-name">&#xe6f8;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">voice_msg</div>
|
|||
|
|
<div class="code-name">&#xe652;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">clear</div>
|
|||
|
|
<div class="code-name">&#xe657;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">prompt</div>
|
|||
|
|
<div class="code-name">&#xe66f;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">statistics</div>
|
|||
|
|
<div class="code-name">&#xe66e;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">sort_az</div>
|
|||
|
|
<div class="code-name">&#xe66d;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">orderlobby</div>
|
|||
|
|
<div class="code-name">&#xe6f7;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">link</div>
|
|||
|
|
<div class="code-name">&#xe6f6;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">minimize</div>
|
|||
|
|
<div class="code-name">&#xe66c;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_watchtogether</div>
|
|||
|
|
<div class="code-name">&#xe6f5;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">seat</div>
|
|||
|
|
<div class="code-name">&#xe6f4;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">mute all</div>
|
|||
|
|
<div class="code-name">&#xe66b;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">entrance sound</div>
|
|||
|
|
<div class="code-name">&#xe6f3;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">sort</div>
|
|||
|
|
<div class="code-name">&#xe66a;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">VIP_nocolor</div>
|
|||
|
|
<div class="code-name">&#xe6f2;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">purchaseorder</div>
|
|||
|
|
<div class="code-name">&#xe6f0;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">placeorder</div>
|
|||
|
|
<div class="code-name">&#xe6f1;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">connect</div>
|
|||
|
|
<div class="code-name">&#xe669;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">tag</div>
|
|||
|
|
<div class="code-name">&#xe668;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">card</div>
|
|||
|
|
<div class="code-name">&#xe667;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Steam Deck</div>
|
|||
|
|
<div class="code-name">&#xe666;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Android</div>
|
|||
|
|
<div class="code-name">&#xe661;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Xbox</div>
|
|||
|
|
<div class="code-name">&#xe662;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">PS</div>
|
|||
|
|
<div class="code-name">&#xe663;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Switch</div>
|
|||
|
|
<div class="code-name">&#xe664;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">PC</div>
|
|||
|
|
<div class="code-name">&#xe665;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">thread</div>
|
|||
|
|
<div class="code-name">&#xe6ef;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_post_notrecommend</div>
|
|||
|
|
<div class="code-name">&#xe6ee;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">coupon-border</div>
|
|||
|
|
<div class="code-name">&#xe660;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">date</div>
|
|||
|
|
<div class="code-name">&#xe6ed;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">mic request border</div>
|
|||
|
|
<div class="code-name">&#xe65e;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">mic request</div>
|
|||
|
|
<div class="code-name">&#xe65f;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-public-border</div>
|
|||
|
|
<div class="code-name">&#xe65c;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-private-border</div>
|
|||
|
|
<div class="code-name">&#xe65d;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">female</div>
|
|||
|
|
<div class="code-name">&#xe659;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">nonconforming</div>
|
|||
|
|
<div class="code-name">&#xe65a;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">male</div>
|
|||
|
|
<div class="code-name">&#xe65b;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_exclamation</div>
|
|||
|
|
<div class="code-name">&#xe6ec;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">stop</div>
|
|||
|
|
<div class="code-name">&#xe658;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">language</div>
|
|||
|
|
<div class="code-name">&#xe654;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">account</div>
|
|||
|
|
<div class="code-name">&#xe655;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">IM-setting</div>
|
|||
|
|
<div class="code-name">&#xe656;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">info</div>
|
|||
|
|
<div class="code-name">&#xe653;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">copy</div>
|
|||
|
|
<div class="code-name">&#xe6eb;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-drag</div>
|
|||
|
|
<div class="code-name">&#xe650;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Invite to mic</div>
|
|||
|
|
<div class="code-name">&#xe6ea;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">voice-live</div>
|
|||
|
|
<div class="code-name">&#xe651;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">question</div>
|
|||
|
|
<div class="code-name">&#xe64f;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">start-live</div>
|
|||
|
|
<div class="code-name">&#xe64e;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">unfollow</div>
|
|||
|
|
<div class="code-name">&#xe6c8;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">following</div>
|
|||
|
|
<div class="code-name">&#xe6d4;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">break link</div>
|
|||
|
|
<div class="code-name">&#xe6c5;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-beauty-smooth</div>
|
|||
|
|
<div class="code-name">&#xe64a;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-beauty-redness</div>
|
|||
|
|
<div class="code-name">&#xe64b;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-beauty-sharp</div>
|
|||
|
|
<div class="code-name">&#xe64c;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-beauty-whitening</div>
|
|||
|
|
<div class="code-name">&#xe64d;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">volume down</div>
|
|||
|
|
<div class="code-name">&#xe647;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">volume mute</div>
|
|||
|
|
<div class="code-name">&#xe648;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">volume up</div>
|
|||
|
|
<div class="code-name">&#xe649;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">emoji-animated</div>
|
|||
|
|
<div class="code-name">&#xe6c4;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">flip</div>
|
|||
|
|
<div class="code-name">&#xe6e6;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">mic-border</div>
|
|||
|
|
<div class="code-name">&#xe6e7;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">random play</div>
|
|||
|
|
<div class="code-name">&#xe6e8;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">speaker-border</div>
|
|||
|
|
<div class="code-name">&#xe6e9;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">backfullscreen</div>
|
|||
|
|
<div class="code-name">&#xe6ca;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">blocklisk</div>
|
|||
|
|
<div class="code-name">&#xe6ce;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">beauty</div>
|
|||
|
|
<div class="code-name">&#xe6d1;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">fullscreen-exit-fill</div>
|
|||
|
|
<div class="code-name">&#xe6d3;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">fullscreen-fill</div>
|
|||
|
|
<div class="code-name">&#xe6d5;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">fans</div>
|
|||
|
|
<div class="code-name">&#xe6d6;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">fullscreen-mobile</div>
|
|||
|
|
<div class="code-name">&#xe6d7;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">kick</div>
|
|||
|
|
<div class="code-name">&#xe6d8;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">list play</div>
|
|||
|
|
<div class="code-name">&#xe6d9;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">previous</div>
|
|||
|
|
<div class="code-name">&#xe6da;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">data</div>
|
|||
|
|
<div class="code-name">&#xe6db;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">gift effect</div>
|
|||
|
|
<div class="code-name">&#xe6dc;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">gift-border</div>
|
|||
|
|
<div class="code-name">&#xe6dd;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">loop play</div>
|
|||
|
|
<div class="code-name">&#xe6de;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">notice</div>
|
|||
|
|
<div class="code-name">&#xe6df;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">time</div>
|
|||
|
|
<div class="code-name">&#xe6e0;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">volume</div>
|
|||
|
|
<div class="code-name">&#xe6e1;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">playlist</div>
|
|||
|
|
<div class="code-name">&#xe6e2;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">next</div>
|
|||
|
|
<div class="code-name">&#xe6e3;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">music</div>
|
|||
|
|
<div class="code-name">&#xe6e4;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">offMic</div>
|
|||
|
|
<div class="code-name">&#xe6e5;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">pause</div>
|
|||
|
|
<div class="code-name">&#xe6c1;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-fullImage</div>
|
|||
|
|
<div class="code-name">&#xe646;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-camera-fill</div>
|
|||
|
|
<div class="code-name">&#xe645;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">vote</div>
|
|||
|
|
<div class="code-name">&#xe6c0;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-email</div>
|
|||
|
|
<div class="code-name">&#xe644;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_chatroom_bigmenu</div>
|
|||
|
|
<div class="code-name">&#xe674;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_chatroom_smallmenu</div>
|
|||
|
|
<div class="code-name">&#xe675;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">chatroom_mic</div>
|
|||
|
|
<div class="code-name">&#xe685;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">chatroom_on</div>
|
|||
|
|
<div class="code-name">&#xe687;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">exit</div>
|
|||
|
|
<div class="code-name">&#xe688;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">chatroom_more</div>
|
|||
|
|
<div class="code-name">&#xe68f;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_fobidden</div>
|
|||
|
|
<div class="code-name">&#xe694;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_share invtation</div>
|
|||
|
|
<div class="code-name">&#xe6ab;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">ICON_entrance</div>
|
|||
|
|
<div class="code-name">&#xe6bc;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_comunity_delete</div>
|
|||
|
|
<div class="code-name">&#xe643;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_comunity_reply</div>
|
|||
|
|
<div class="code-name">&#xe63e;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_community_like</div>
|
|||
|
|
<div class="code-name">&#xe63f;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_comunity_report</div>
|
|||
|
|
<div class="code-name">&#xe640;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_comunity_topics</div>
|
|||
|
|
<div class="code-name">&#xe641;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_comunity_comment</div>
|
|||
|
|
<div class="code-name">&#xe642;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_menu_Customer</div>
|
|||
|
|
<div class="code-name">&#xe6a4;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_post_collection</div>
|
|||
|
|
<div class="code-name">&#xe6c2;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_post_component</div>
|
|||
|
|
<div class="code-name">&#xe6c3;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_post_recommend</div>
|
|||
|
|
<div class="code-name">&#xe6c6;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_post_highlight</div>
|
|||
|
|
<div class="code-name">&#xe6c7;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_post_viewers</div>
|
|||
|
|
<div class="code-name">&#xe6c9;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_post_chitchat</div>
|
|||
|
|
<div class="code-name">&#xe6cc;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_post_selfies</div>
|
|||
|
|
<div class="code-name">&#xe6cd;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_post_official</div>
|
|||
|
|
<div class="code-name">&#xe6cb;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_order_tip</div>
|
|||
|
|
<div class="code-name">&#xe6d0;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_order_remark</div>
|
|||
|
|
<div class="code-name">&#xe6d2;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_refund</div>
|
|||
|
|
<div class="code-name">&#xe63c;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-post</div>
|
|||
|
|
<div class="code-name">&#xe63b;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">backtop</div>
|
|||
|
|
<div class="code-name">&#xe63d;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">faq</div>
|
|||
|
|
<div class="code-name">&#xe6ba;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">onlineservice</div>
|
|||
|
|
<div class="code-name">&#xe6bb;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-vip</div>
|
|||
|
|
<div class="code-name">&#xe638;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-legends</div>
|
|||
|
|
<div class="code-name">&#xe639;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-influencer</div>
|
|||
|
|
<div class="code-name">&#xe63a;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-comment</div>
|
|||
|
|
<div class="code-name">&#xe636;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-helpCenter</div>
|
|||
|
|
<div class="code-name">&#xe634;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-setting</div>
|
|||
|
|
<div class="code-name">&#xe635;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-reload</div>
|
|||
|
|
<div class="code-name">&#xe633;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-reset</div>
|
|||
|
|
<div class="code-name">&#xe631;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-addCard</div>
|
|||
|
|
<div class="code-name">&#xe62e;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-send</div>
|
|||
|
|
<div class="code-name">&#xe630;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-service-fill</div>
|
|||
|
|
<div class="code-name">&#xe632;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-service</div>
|
|||
|
|
<div class="code-name">&#xe62f;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-random</div>
|
|||
|
|
<div class="code-name">&#xe62d;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-keyboard</div>
|
|||
|
|
<div class="code-name">&#xe62c;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-people</div>
|
|||
|
|
<div class="code-name">&#xe629;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_top</div>
|
|||
|
|
<div class="code-name">&#xe62b;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-order-fill</div>
|
|||
|
|
<div class="code-name">&#xe62a;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">add</div>
|
|||
|
|
<div class="code-name">&#xe6b5;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">reduce</div>
|
|||
|
|
<div class="code-name">&#xe6b6;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-contact</div>
|
|||
|
|
<div class="code-name">&#xe616;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Warning</div>
|
|||
|
|
<div class="code-name">&#xe614;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_im_purpleface</div>
|
|||
|
|
<div class="code-name">&#xe6bd;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_im_emoji</div>
|
|||
|
|
<div class="code-name">&#xe6bf;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_im_other</div>
|
|||
|
|
<div class="code-name">&#xe6cf;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">chatroom_off</div>
|
|||
|
|
<div class="code-name">&#xe686;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_IM_blocked</div>
|
|||
|
|
<div class="code-name">&#xe6b9;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_call_mute</div>
|
|||
|
|
<div class="code-name">&#xe684;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_call_openmic</div>
|
|||
|
|
<div class="code-name">&#xe6b4;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_call_hangup</div>
|
|||
|
|
<div class="code-name">&#xe68d;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_interact</div>
|
|||
|
|
<div class="code-name">&#xe693;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">quote</div>
|
|||
|
|
<div class="code-name">&#xe6b3;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">checked</div>
|
|||
|
|
<div class="code-name">&#xe6b2;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">report</div>
|
|||
|
|
<div class="code-name">&#xe6b1;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_delete</div>
|
|||
|
|
<div class="code-name">&#xe612;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_public</div>
|
|||
|
|
<div class="code-name">&#xe698;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_private</div>
|
|||
|
|
<div class="code-name">&#xe699;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_uploadimg</div>
|
|||
|
|
<div class="code-name">&#xe69c;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon_uploadclip</div>
|
|||
|
|
<div class="code-name">&#xe69d;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">arrow-down-border</div>
|
|||
|
|
<div class="code-name">&#xe6af;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">arrow-left</div>
|
|||
|
|
<div class="code-name">&#xe6b0;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">eye-off</div>
|
|||
|
|
<div class="code-name">&#xe6ae;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">eye-on</div>
|
|||
|
|
<div class="code-name">&#xe6ad;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">arrow-down-fill</div>
|
|||
|
|
<div class="code-name">&#xe6ac;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">arrow-left-border</div>
|
|||
|
|
<div class="code-name">&#xe6aa;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">delete-02</div>
|
|||
|
|
<div class="code-name">&#xe628;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">arrow-down-circle</div>
|
|||
|
|
<div class="code-name">&#xe601;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">arrow-right-border</div>
|
|||
|
|
<div class="code-name">&#xe602;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">arrow-up-fill</div>
|
|||
|
|
<div class="code-name">&#xe603;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">arrow-right</div>
|
|||
|
|
<div class="code-name">&#xe604;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Chat</div>
|
|||
|
|
<div class="code-name">&#xe605;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">delete</div>
|
|||
|
|
<div class="code-name">&#xe607;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Create room</div>
|
|||
|
|
<div class="code-name">&#xe608;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Call</div>
|
|||
|
|
<div class="code-name">&#xe609;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Like-fill</div>
|
|||
|
|
<div class="code-name">&#xe60a;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">filter-fill</div>
|
|||
|
|
<div class="code-name">&#xe60b;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">live</div>
|
|||
|
|
<div class="code-name">&#xe60c;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">follow</div>
|
|||
|
|
<div class="code-name">&#xe60d;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Play</div>
|
|||
|
|
<div class="code-name">&#xe60e;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">events</div>
|
|||
|
|
<div class="code-name">&#xe60f;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">More</div>
|
|||
|
|
<div class="code-name">&#xe610;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">matching</div>
|
|||
|
|
<div class="code-name">&#xe611;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Like</div>
|
|||
|
|
<div class="code-name">&#xe613;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">loading</div>
|
|||
|
|
<div class="code-name">&#xe615;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Search</div>
|
|||
|
|
<div class="code-name">&#xe617;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">filter</div>
|
|||
|
|
<div class="code-name">&#xe618;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">social-facebook</div>
|
|||
|
|
<div class="code-name">&#xe619;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">select</div>
|
|||
|
|
<div class="code-name">&#xe61a;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Share-border</div>
|
|||
|
|
<div class="code-name">&#xe61b;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">social-instagram</div>
|
|||
|
|
<div class="code-name">&#xe61c;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">social-twitch</div>
|
|||
|
|
<div class="code-name">&#xe61d;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">Voice</div>
|
|||
|
|
<div class="code-name">&#xe61e;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">social-tiktok</div>
|
|||
|
|
<div class="code-name">&#xe61f;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">social-google</div>
|
|||
|
|
<div class="code-name">&#xe620;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">social-youtube</div>
|
|||
|
|
<div class="code-name">&#xe621;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">social-apple</div>
|
|||
|
|
<div class="code-name">&#xe622;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">icon-kfckfc</div>
|
|||
|
|
<div class="code-name">&#xe623;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">star-fill</div>
|
|||
|
|
<div class="code-name">&#xe624;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">star</div>
|
|||
|
|
<div class="code-name">&#xe625;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">social-discord</div>
|
|||
|
|
<div class="code-name">&#xe626;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont"></span>
|
|||
|
|
<div class="name">messages</div>
|
|||
|
|
<div class="code-name">&#xe627;</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
</ul>
|
|||
|
|
<div class="article markdown">
|
|||
|
|
<h2 id="unicode-">Unicode 引用</h2>
|
|||
|
|
<hr>
|
|||
|
|
|
|||
|
|
<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
|
|||
|
|
<ul>
|
|||
|
|
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
|
|||
|
|
<li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
|
|||
|
|
</ul>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p>Unicode 使用步骤如下：</p>
|
|||
|
|
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
|
|||
|
|
<pre><code class="language-css"
|
|||
|
|
>@font-face {
|
|||
|
|
font-family: 'iconfont';
|
|||
|
|
src: url('iconfont.woff2?t=1757499081051') format('woff2'),
|
|||
|
|
url('iconfont.woff?t=1757499081051') format('woff'),
|
|||
|
|
url('iconfont.ttf?t=1757499081051') format('truetype');
|
|||
|
|
}
|
|||
|
|
</code></pre>
|
|||
|
|
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
|
|||
|
|
<pre><code class="language-css"
|
|||
|
|
>.iconfont {
|
|||
|
|
font-family: "iconfont" !important;
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-style: normal;
|
|||
|
|
-webkit-font-smoothing: antialiased;
|
|||
|
|
-moz-osx-font-smoothing: grayscale;
|
|||
|
|
}
|
|||
|
|
</code></pre>
|
|||
|
|
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
|
|||
|
|
<pre>
|
|||
|
|
<code class="language-html"
|
|||
|
|
><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-shield"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
shield
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-shield
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-audits"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
audits
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-audits
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-post_recommend_fill"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
post_recommend_fill
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-post_recommend_fill
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-post_Notrecommend_fill"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
post_Notrecommend_fill
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-post_Notrecommend_fill
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-voice_msg"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
voice_msg
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-voice_msg
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-clear"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
clear
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-clear
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-prompt"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
prompt
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-prompt
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-statistics"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
statistics
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-statistics
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-sort_az"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
sort_az
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-sort_az
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-orderlobby"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
orderlobby
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-orderlobby
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-link"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
link
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-link
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-minimize"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
minimize
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-minimize
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_watchtogether"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_watchtogether
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_watchtogether
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-seat"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
seat
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-seat
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-mute1"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
mute all
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-mute1
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-entrancesound"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
entrance sound
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-entrancesound
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-sort"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
sort
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-sort
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-VIP_nocolor"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
VIP_nocolor
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-VIP_nocolor
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-purchaseorder"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
purchaseorder
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-purchaseorder
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-placeorder"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
placeorder
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-placeorder
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-connect"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
connect
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-connect
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-tag"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
tag
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-tag
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-card"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
card
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-card
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-Steam"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Steam Deck
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-Steam
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-Android"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Android
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-Android
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-Xbox"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Xbox
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-Xbox
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-PS"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
PS
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-PS
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-Switch"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Switch
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-Switch
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-PC"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
PC
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-PC
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-thread"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
thread
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-thread
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_post_Notrecommend"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_post_notrecommend
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_post_Notrecommend
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-coupon-border"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
coupon-border
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-coupon-border
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-date"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
date
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-date
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-micrequestborder"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
mic request border
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-micrequestborder
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-micrequest"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
mic request
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-micrequest
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-public-border"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-public-border
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-public-border
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-private-border"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-private-border
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-private-border
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-female"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
female
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-female
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-nonconforming"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
nonconforming
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-nonconforming
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-male"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
male
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-male
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_hint"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_exclamation
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_hint
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-stop"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
stop
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-stop
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-language"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
language
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-language
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-account"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
account
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-account
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-IM-setting"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
IM-setting
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-IM-setting
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-info"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
info
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-info
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-copy"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
copy
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-copy
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-drag"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-drag
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-drag
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-Invitetomic"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Invite to mic
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-Invitetomic
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-voice-live"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
voice-live
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-voice-live
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-question"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
question
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-question
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-createlive"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
start-live
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-createlive
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-unfollow"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
unfollow
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-unfollow
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-following"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
following
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-following
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-breaklink"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
break link
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-breaklink
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-beauty-smooth"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-beauty-smooth
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-beauty-smooth
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-beauty-redness"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-beauty-redness
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-beauty-redness
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-beauty-sharp"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-beauty-sharp
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-beauty-sharp
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-beauty-whitening"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-beauty-whitening
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-beauty-whitening
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-volumedown"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
volume down
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-volumedown
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-volumemute"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
volume mute
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-volumemute
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-volumeup"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
volume up
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-volumeup
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-emoji-animated"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
emoji-animated
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-emoji-animated
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-flip"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
flip
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-flip
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-mic-border"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
mic-border
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-mic-border
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-randomplay"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
random play
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-randomplay
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-speaker-border"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
speaker-border
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-speaker-border
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-backfullscreen"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
backfullscreen
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-backfullscreen
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-blocklisk"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
blocklisk
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-blocklisk
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-beauty"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
beauty
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-beauty
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-fullscreen-exit-fill"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
fullscreen-exit-fill
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-fullscreen-exit-fill
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-fullscreen-fill"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
fullscreen-fill
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-fullscreen-fill
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-fans"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
fans
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-fans
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-fullscreen-mobile"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
fullscreen-mobile
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-fullscreen-mobile
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-kick"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
kick
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-kick
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-listplay"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
list play
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-listplay
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-previous"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
previous
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-previous
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-data"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
data
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-data
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-gifteffect"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
gift effect
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-gifteffect
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-gift-border"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
gift-border
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-gift-border
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-loopplay"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
loop play
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-loopplay
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-notice"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
notice
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-notice
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-time"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
time
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-time
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-volume"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
volume
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-volume
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-playlist"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
playlist
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-playlist
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-next"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
next
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-next
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-music"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
music
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-music
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-offMic"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
offMic
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-offMic
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-pause"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
pause
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-pause
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-fullImage"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-fullImage
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-fullImage
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-camera-fill"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-camera-fill
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-camera-fill
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-vote"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
vote
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-vote
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-email"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-email
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-email
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_chatroom_bigmenu"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_chatroom_bigmenu
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_chatroom_bigmenu
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_chatroom_smallmenu"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_chatroom_smallmenu
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_chatroom_smallmenu
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_chatroom_mic"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
chatroom_mic
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_chatroom_mic
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_on"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
chatroom_on
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_on
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_exit"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
exit
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_exit
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_chatroom_more"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
chatroom_more
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_chatroom_more
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-jinmai"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_fobidden
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-jinmai
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-icon_shareinvtation"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_share invtation
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-icon_shareinvtation
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_entrance"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
ICON_entrance
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_entrance
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_comunity_delete"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_comunity_delete
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_comunity_delete
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_comunity_reply"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_comunity_reply
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_comunity_reply
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_community_like"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_community_like
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_community_like
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_comunity_report"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_comunity_report
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_comunity_report
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_comunity_topics"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_comunity_topics
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_comunity_topics
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_comunity_comment"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_comunity_comment
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_comunity_comment
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_menu_Customer"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_menu_Customer
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_menu_Customer
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_post_collection"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_post_collection
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_post_collection
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_post_component"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_post_component
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_post_component
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_post_recommend"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_post_recommend
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_post_recommend
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_post_highlight"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_post_highlight
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_post_highlight
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_post_viewers"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_post_viewers
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_post_viewers
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_post_chitchat"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_post_chitchat
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_post_chitchat
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_post_selfies"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_post_selfies
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_post_selfies
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_post_official"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_post_official
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_post_official
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_order_tip"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_order_tip
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_order_tip
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_order_remark"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_order_remark
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_order_remark
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_refund"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_refund
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_refund
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-post"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-post
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-post
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-backtop"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
backtop
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-backtop
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-faq"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
faq
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-faq
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-onlineservice"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
onlineservice
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-onlineservice
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-vip"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-vip
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-vip
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-legends"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-legends
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-legends
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-influencer"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-influencer
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-influencer
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-comment"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-comment
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-comment
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-helpCenter"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-helpCenter
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-helpCenter
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-setting"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-setting
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-setting
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-reload"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-reload
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-reload
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-reset"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-reset
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-reset
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-addCard"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-addCard
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-addCard
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-send"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-send
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-send
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-service-fill"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-service-fill
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-service-fill
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-service"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-service
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-service
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-random"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-random
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-random
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-keyboard"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-keyboard
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-keyboard
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-people"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-people
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-people
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_top"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_top
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_top
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-order-fill"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-order-fill
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-order-fill
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-add"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
add
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-add
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-reduce"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
reduce
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-reduce
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon-contact"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-contact
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon-contact
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-Warning"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Warning
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-Warning
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_im_purpleface"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_im_purpleface
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_im_purpleface
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_im_emoji"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_im_emoji
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_im_emoji
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-icon_im_other"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_im_other
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-icon_im_other
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-msgmute"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
chatroom_off
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-msgmute
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-block"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_IM_blocked
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-block
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-mute"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_call_mute
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-mute
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-open-mic"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_call_openmic
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-open-mic
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-hang-up"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_call_hangup
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-hang-up
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-emoji"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_interact
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-emoji
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-quote"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
quote
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-quote
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-checked"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
checked
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-checked
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-report"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
report
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-report
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-trashcan"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_delete
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-trashcan
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-public"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_public
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-public
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-private"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_private
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-private
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-uploadimg"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_uploadimg
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-uploadimg
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-uploadclip"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon_uploadclip
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-uploadclip
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-arrow-down-border"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
arrow-down-border
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-arrow-down-border
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-arrow-left"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
arrow-left
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-arrow-left
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-eye-off"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
eye-off
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-eye-off
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-eye-on"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
eye-on
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-eye-on
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-arrow-down-fill"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
arrow-down-fill
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-arrow-down-fill
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-arrow-left-border"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
arrow-left-border
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-arrow-left-border
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-delete-02"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
delete-02
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-delete-02
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-arrow-down-circle"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
arrow-down-circle
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-arrow-down-circle
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-arrow-right-border"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
arrow-right-border
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-arrow-right-border
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-arrow-up-fill"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
arrow-up-fill
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-arrow-up-fill
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-arrow-right"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
arrow-right
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-arrow-right
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-Chat"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Chat
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-Chat
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-close"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
delete
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-close
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-a-Createroom"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Create room
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-a-Createroom
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-Call"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Call
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-Call
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-Like-fill"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Like-fill
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-Like-fill
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-filter-fill"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
filter-fill
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-filter-fill
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-live"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
live
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-live
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-follow"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
follow
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-follow
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-Play"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Play
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-Play
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-events"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
events
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-events
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-More"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
More
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-More
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-matching"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
matching
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-matching
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-Like"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Like
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-Like
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-loading"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
loading
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-loading
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-Search"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Search
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-Search
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-filter"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
filter
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-filter
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-social-facebook"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
social-facebook
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-social-facebook
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-select"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
select
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-select
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-Share-border"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Share-border
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-Share-border
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-social-instagram"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
social-instagram
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-social-instagram
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-social-twitch"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
social-twitch
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-social-twitch
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-Voice"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
Voice
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-Voice
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-social-tiktok"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
social-tiktok
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-social-tiktok
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-social-google"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
social-google
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-social-google
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-social-youtube"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
social-youtube
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-social-youtube
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-social-apple"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
social-apple
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-social-apple
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-social-twitter"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
icon-kfckfc
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-social-twitter
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-star-fill"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
star-fill
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-star-fill
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-star"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
star
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-star
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-social-discord"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
social-discord
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-social-discord
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<span class="icon iconfont icon-messages"></span>
|
|||
|
|
<div class="name">
|
|||
|
|
messages
|
|||
|
|
</div>
|
|||
|
|
<div class="code-name">.icon-messages
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
</ul>
|
|||
|
|
<div class="article markdown">
|
|||
|
|
<h2 id="font-class-">font-class 引用</h2>
|
|||
|
|
<hr>
|
|||
|
|
|
|||
|
|
<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
|
|||
|
|
<p>与 Unicode 使用方式相比，具有如下特点：</p>
|
|||
|
|
<ul>
|
|||
|
|
<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
|
|||
|
|
<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
|
|||
|
|
</ul>
|
|||
|
|
<p>使用步骤如下：</p>
|
|||
|
|
<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
|
|||
|
|
<pre><code class="language-html"><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-shield"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">shield</div>
|
|||
|
|
<div class="code-name">#icon-shield</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-audits"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">audits</div>
|
|||
|
|
<div class="code-name">#icon-audits</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-post_recommend_fill"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">post_recommend_fill</div>
|
|||
|
|
<div class="code-name">#icon-post_recommend_fill</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-post_Notrecommend_fill"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">post_Notrecommend_fill</div>
|
|||
|
|
<div class="code-name">#icon-post_Notrecommend_fill</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-voice_msg"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">voice_msg</div>
|
|||
|
|
<div class="code-name">#icon-voice_msg</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-clear"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">clear</div>
|
|||
|
|
<div class="code-name">#icon-clear</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-prompt"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">prompt</div>
|
|||
|
|
<div class="code-name">#icon-prompt</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-statistics"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">statistics</div>
|
|||
|
|
<div class="code-name">#icon-statistics</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-sort_az"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">sort_az</div>
|
|||
|
|
<div class="code-name">#icon-sort_az</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-orderlobby"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">orderlobby</div>
|
|||
|
|
<div class="code-name">#icon-orderlobby</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-link"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">link</div>
|
|||
|
|
<div class="code-name">#icon-link</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-minimize"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">minimize</div>
|
|||
|
|
<div class="code-name">#icon-minimize</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_watchtogether"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_watchtogether</div>
|
|||
|
|
<div class="code-name">#icon-icon_watchtogether</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-seat"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">seat</div>
|
|||
|
|
<div class="code-name">#icon-seat</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-mute1"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">mute all</div>
|
|||
|
|
<div class="code-name">#icon-mute1</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-entrancesound"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">entrance sound</div>
|
|||
|
|
<div class="code-name">#icon-a-entrancesound</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-sort"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">sort</div>
|
|||
|
|
<div class="code-name">#icon-sort</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-VIP_nocolor"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">VIP_nocolor</div>
|
|||
|
|
<div class="code-name">#icon-VIP_nocolor</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-purchaseorder"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">purchaseorder</div>
|
|||
|
|
<div class="code-name">#icon-purchaseorder</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-placeorder"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">placeorder</div>
|
|||
|
|
<div class="code-name">#icon-placeorder</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-connect"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">connect</div>
|
|||
|
|
<div class="code-name">#icon-connect</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-tag"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">tag</div>
|
|||
|
|
<div class="code-name">#icon-tag</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-card"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">card</div>
|
|||
|
|
<div class="code-name">#icon-card</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-Steam"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Steam Deck</div>
|
|||
|
|
<div class="code-name">#icon-Steam</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-Android"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Android</div>
|
|||
|
|
<div class="code-name">#icon-Android</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-Xbox"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Xbox</div>
|
|||
|
|
<div class="code-name">#icon-Xbox</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-PS"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">PS</div>
|
|||
|
|
<div class="code-name">#icon-PS</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-Switch"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Switch</div>
|
|||
|
|
<div class="code-name">#icon-Switch</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-PC"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">PC</div>
|
|||
|
|
<div class="code-name">#icon-PC</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-thread"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">thread</div>
|
|||
|
|
<div class="code-name">#icon-thread</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_post_Notrecommend"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_post_notrecommend</div>
|
|||
|
|
<div class="code-name">#icon-icon_post_Notrecommend</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-coupon-border"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">coupon-border</div>
|
|||
|
|
<div class="code-name">#icon-coupon-border</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-date"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">date</div>
|
|||
|
|
<div class="code-name">#icon-date</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-micrequestborder"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">mic request border</div>
|
|||
|
|
<div class="code-name">#icon-a-micrequestborder</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-micrequest"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">mic request</div>
|
|||
|
|
<div class="code-name">#icon-a-micrequest</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-public-border"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-public-border</div>
|
|||
|
|
<div class="code-name">#icon-public-border</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-private-border"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-private-border</div>
|
|||
|
|
<div class="code-name">#icon-private-border</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-female"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">female</div>
|
|||
|
|
<div class="code-name">#icon-female</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-nonconforming"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">nonconforming</div>
|
|||
|
|
<div class="code-name">#icon-nonconforming</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-male"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">male</div>
|
|||
|
|
<div class="code-name">#icon-male</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_hint"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_exclamation</div>
|
|||
|
|
<div class="code-name">#icon-icon_hint</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-stop"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">stop</div>
|
|||
|
|
<div class="code-name">#icon-stop</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-language"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">language</div>
|
|||
|
|
<div class="code-name">#icon-language</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-account"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">account</div>
|
|||
|
|
<div class="code-name">#icon-account</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-IM-setting"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">IM-setting</div>
|
|||
|
|
<div class="code-name">#icon-IM-setting</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-info"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">info</div>
|
|||
|
|
<div class="code-name">#icon-info</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-copy"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">copy</div>
|
|||
|
|
<div class="code-name">#icon-copy</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-drag"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-drag</div>
|
|||
|
|
<div class="code-name">#icon-icon-drag</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-Invitetomic"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Invite to mic</div>
|
|||
|
|
<div class="code-name">#icon-a-Invitetomic</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-voice-live"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">voice-live</div>
|
|||
|
|
<div class="code-name">#icon-voice-live</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-question"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">question</div>
|
|||
|
|
<div class="code-name">#icon-question</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-createlive"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">start-live</div>
|
|||
|
|
<div class="code-name">#icon-a-createlive</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-unfollow"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">unfollow</div>
|
|||
|
|
<div class="code-name">#icon-unfollow</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-following"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">following</div>
|
|||
|
|
<div class="code-name">#icon-following</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-breaklink"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">break link</div>
|
|||
|
|
<div class="code-name">#icon-a-breaklink</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-beauty-smooth"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-beauty-smooth</div>
|
|||
|
|
<div class="code-name">#icon-icon-beauty-smooth</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-beauty-redness"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-beauty-redness</div>
|
|||
|
|
<div class="code-name">#icon-icon-beauty-redness</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-beauty-sharp"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-beauty-sharp</div>
|
|||
|
|
<div class="code-name">#icon-icon-beauty-sharp</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-beauty-whitening"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-beauty-whitening</div>
|
|||
|
|
<div class="code-name">#icon-icon-beauty-whitening</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-volumedown"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">volume down</div>
|
|||
|
|
<div class="code-name">#icon-a-volumedown</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-volumemute"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">volume mute</div>
|
|||
|
|
<div class="code-name">#icon-a-volumemute</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-volumeup"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">volume up</div>
|
|||
|
|
<div class="code-name">#icon-a-volumeup</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-emoji-animated"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">emoji-animated</div>
|
|||
|
|
<div class="code-name">#icon-emoji-animated</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-flip"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">flip</div>
|
|||
|
|
<div class="code-name">#icon-flip</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-mic-border"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">mic-border</div>
|
|||
|
|
<div class="code-name">#icon-mic-border</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-randomplay"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">random play</div>
|
|||
|
|
<div class="code-name">#icon-a-randomplay</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-speaker-border"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">speaker-border</div>
|
|||
|
|
<div class="code-name">#icon-speaker-border</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-backfullscreen"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">backfullscreen</div>
|
|||
|
|
<div class="code-name">#icon-backfullscreen</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-blocklisk"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">blocklisk</div>
|
|||
|
|
<div class="code-name">#icon-blocklisk</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-beauty"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">beauty</div>
|
|||
|
|
<div class="code-name">#icon-beauty</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-fullscreen-exit-fill"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">fullscreen-exit-fill</div>
|
|||
|
|
<div class="code-name">#icon-fullscreen-exit-fill</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-fullscreen-fill"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">fullscreen-fill</div>
|
|||
|
|
<div class="code-name">#icon-fullscreen-fill</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-fans"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">fans</div>
|
|||
|
|
<div class="code-name">#icon-fans</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-fullscreen-mobile"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">fullscreen-mobile</div>
|
|||
|
|
<div class="code-name">#icon-fullscreen-mobile</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-kick"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">kick</div>
|
|||
|
|
<div class="code-name">#icon-kick</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-listplay"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">list play</div>
|
|||
|
|
<div class="code-name">#icon-a-listplay</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-previous"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">previous</div>
|
|||
|
|
<div class="code-name">#icon-previous</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-data"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">data</div>
|
|||
|
|
<div class="code-name">#icon-data</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-gifteffect"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">gift effect</div>
|
|||
|
|
<div class="code-name">#icon-a-gifteffect</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-gift-border"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">gift-border</div>
|
|||
|
|
<div class="code-name">#icon-gift-border</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-loopplay"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">loop play</div>
|
|||
|
|
<div class="code-name">#icon-a-loopplay</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-notice"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">notice</div>
|
|||
|
|
<div class="code-name">#icon-notice</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-time"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">time</div>
|
|||
|
|
<div class="code-name">#icon-time</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-volume"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">volume</div>
|
|||
|
|
<div class="code-name">#icon-volume</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-playlist"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">playlist</div>
|
|||
|
|
<div class="code-name">#icon-playlist</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-next"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">next</div>
|
|||
|
|
<div class="code-name">#icon-next</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-music"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">music</div>
|
|||
|
|
<div class="code-name">#icon-music</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-offMic"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">offMic</div>
|
|||
|
|
<div class="code-name">#icon-offMic</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-pause"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">pause</div>
|
|||
|
|
<div class="code-name">#icon-pause</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-fullImage"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-fullImage</div>
|
|||
|
|
<div class="code-name">#icon-icon-fullImage</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-camera-fill"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-camera-fill</div>
|
|||
|
|
<div class="code-name">#icon-icon-camera-fill</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-vote"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">vote</div>
|
|||
|
|
<div class="code-name">#icon-vote</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-email"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-email</div>
|
|||
|
|
<div class="code-name">#icon-icon-email</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_chatroom_bigmenu"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_chatroom_bigmenu</div>
|
|||
|
|
<div class="code-name">#icon-icon_chatroom_bigmenu</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_chatroom_smallmenu"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_chatroom_smallmenu</div>
|
|||
|
|
<div class="code-name">#icon-icon_chatroom_smallmenu</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_chatroom_mic"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">chatroom_mic</div>
|
|||
|
|
<div class="code-name">#icon-icon_chatroom_mic</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_on"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">chatroom_on</div>
|
|||
|
|
<div class="code-name">#icon-icon_on</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_exit"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">exit</div>
|
|||
|
|
<div class="code-name">#icon-icon_exit</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_chatroom_more"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">chatroom_more</div>
|
|||
|
|
<div class="code-name">#icon-icon_chatroom_more</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-jinmai"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_fobidden</div>
|
|||
|
|
<div class="code-name">#icon-jinmai</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-icon_shareinvtation"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_share invtation</div>
|
|||
|
|
<div class="code-name">#icon-a-icon_shareinvtation</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_entrance"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">ICON_entrance</div>
|
|||
|
|
<div class="code-name">#icon-icon_entrance</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_comunity_delete"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_comunity_delete</div>
|
|||
|
|
<div class="code-name">#icon-icon_comunity_delete</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_comunity_reply"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_comunity_reply</div>
|
|||
|
|
<div class="code-name">#icon-icon_comunity_reply</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_community_like"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_community_like</div>
|
|||
|
|
<div class="code-name">#icon-icon_community_like</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_comunity_report"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_comunity_report</div>
|
|||
|
|
<div class="code-name">#icon-icon_comunity_report</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_comunity_topics"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_comunity_topics</div>
|
|||
|
|
<div class="code-name">#icon-icon_comunity_topics</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_comunity_comment"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_comunity_comment</div>
|
|||
|
|
<div class="code-name">#icon-icon_comunity_comment</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_menu_Customer"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_menu_Customer</div>
|
|||
|
|
<div class="code-name">#icon-icon_menu_Customer</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_post_collection"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_post_collection</div>
|
|||
|
|
<div class="code-name">#icon-icon_post_collection</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_post_component"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_post_component</div>
|
|||
|
|
<div class="code-name">#icon-icon_post_component</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_post_recommend"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_post_recommend</div>
|
|||
|
|
<div class="code-name">#icon-icon_post_recommend</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_post_highlight"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_post_highlight</div>
|
|||
|
|
<div class="code-name">#icon-icon_post_highlight</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_post_viewers"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_post_viewers</div>
|
|||
|
|
<div class="code-name">#icon-icon_post_viewers</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_post_chitchat"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_post_chitchat</div>
|
|||
|
|
<div class="code-name">#icon-icon_post_chitchat</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_post_selfies"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_post_selfies</div>
|
|||
|
|
<div class="code-name">#icon-icon_post_selfies</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_post_official"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_post_official</div>
|
|||
|
|
<div class="code-name">#icon-icon_post_official</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_order_tip"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_order_tip</div>
|
|||
|
|
<div class="code-name">#icon-icon_order_tip</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_order_remark"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_order_remark</div>
|
|||
|
|
<div class="code-name">#icon-icon_order_remark</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_refund"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_refund</div>
|
|||
|
|
<div class="code-name">#icon-icon_refund</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-post"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-post</div>
|
|||
|
|
<div class="code-name">#icon-icon-post</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-backtop"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">backtop</div>
|
|||
|
|
<div class="code-name">#icon-backtop</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-faq"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">faq</div>
|
|||
|
|
<div class="code-name">#icon-faq</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-onlineservice"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">onlineservice</div>
|
|||
|
|
<div class="code-name">#icon-onlineservice</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-vip"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-vip</div>
|
|||
|
|
<div class="code-name">#icon-icon-vip</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-legends"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-legends</div>
|
|||
|
|
<div class="code-name">#icon-icon-legends</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-influencer"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-influencer</div>
|
|||
|
|
<div class="code-name">#icon-icon-influencer</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-comment"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-comment</div>
|
|||
|
|
<div class="code-name">#icon-icon-comment</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-helpCenter"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-helpCenter</div>
|
|||
|
|
<div class="code-name">#icon-icon-helpCenter</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-setting"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-setting</div>
|
|||
|
|
<div class="code-name">#icon-icon-setting</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-reload"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-reload</div>
|
|||
|
|
<div class="code-name">#icon-icon-reload</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-reset"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-reset</div>
|
|||
|
|
<div class="code-name">#icon-icon-reset</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-addCard"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-addCard</div>
|
|||
|
|
<div class="code-name">#icon-icon-addCard</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-send"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-send</div>
|
|||
|
|
<div class="code-name">#icon-icon-send</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-service-fill"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-service-fill</div>
|
|||
|
|
<div class="code-name">#icon-icon-service-fill</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-service"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-service</div>
|
|||
|
|
<div class="code-name">#icon-icon-service</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-random"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-random</div>
|
|||
|
|
<div class="code-name">#icon-icon-random</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-keyboard"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-keyboard</div>
|
|||
|
|
<div class="code-name">#icon-icon-keyboard</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-people"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-people</div>
|
|||
|
|
<div class="code-name">#icon-icon-people</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_top"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_top</div>
|
|||
|
|
<div class="code-name">#icon-icon_top</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-order-fill"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-order-fill</div>
|
|||
|
|
<div class="code-name">#icon-icon-order-fill</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-add"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">add</div>
|
|||
|
|
<div class="code-name">#icon-add</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-reduce"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">reduce</div>
|
|||
|
|
<div class="code-name">#icon-reduce</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon-contact"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-contact</div>
|
|||
|
|
<div class="code-name">#icon-icon-contact</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-Warning"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Warning</div>
|
|||
|
|
<div class="code-name">#icon-Warning</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_im_purpleface"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_im_purpleface</div>
|
|||
|
|
<div class="code-name">#icon-icon_im_purpleface</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_im_emoji"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_im_emoji</div>
|
|||
|
|
<div class="code-name">#icon-icon_im_emoji</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-icon_im_other"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_im_other</div>
|
|||
|
|
<div class="code-name">#icon-icon_im_other</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-msgmute"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">chatroom_off</div>
|
|||
|
|
<div class="code-name">#icon-msgmute</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-block"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_IM_blocked</div>
|
|||
|
|
<div class="code-name">#icon-block</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-mute"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_call_mute</div>
|
|||
|
|
<div class="code-name">#icon-mute</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-open-mic"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_call_openmic</div>
|
|||
|
|
<div class="code-name">#icon-open-mic</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-hang-up"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_call_hangup</div>
|
|||
|
|
<div class="code-name">#icon-hang-up</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-emoji"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_interact</div>
|
|||
|
|
<div class="code-name">#icon-emoji</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-quote"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">quote</div>
|
|||
|
|
<div class="code-name">#icon-quote</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-checked"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">checked</div>
|
|||
|
|
<div class="code-name">#icon-checked</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-report"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">report</div>
|
|||
|
|
<div class="code-name">#icon-report</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-trashcan"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_delete</div>
|
|||
|
|
<div class="code-name">#icon-trashcan</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-public"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_public</div>
|
|||
|
|
<div class="code-name">#icon-public</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-private"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_private</div>
|
|||
|
|
<div class="code-name">#icon-private</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-uploadimg"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_uploadimg</div>
|
|||
|
|
<div class="code-name">#icon-uploadimg</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-uploadclip"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon_uploadclip</div>
|
|||
|
|
<div class="code-name">#icon-uploadclip</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-arrow-down-border"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">arrow-down-border</div>
|
|||
|
|
<div class="code-name">#icon-arrow-down-border</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-arrow-left"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">arrow-left</div>
|
|||
|
|
<div class="code-name">#icon-arrow-left</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-eye-off"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">eye-off</div>
|
|||
|
|
<div class="code-name">#icon-eye-off</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-eye-on"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">eye-on</div>
|
|||
|
|
<div class="code-name">#icon-eye-on</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-arrow-down-fill"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">arrow-down-fill</div>
|
|||
|
|
<div class="code-name">#icon-arrow-down-fill</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-arrow-left-border"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">arrow-left-border</div>
|
|||
|
|
<div class="code-name">#icon-arrow-left-border</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-delete-02"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">delete-02</div>
|
|||
|
|
<div class="code-name">#icon-delete-02</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-arrow-down-circle"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">arrow-down-circle</div>
|
|||
|
|
<div class="code-name">#icon-arrow-down-circle</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-arrow-right-border"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">arrow-right-border</div>
|
|||
|
|
<div class="code-name">#icon-arrow-right-border</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-arrow-up-fill"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">arrow-up-fill</div>
|
|||
|
|
<div class="code-name">#icon-arrow-up-fill</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-arrow-right"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">arrow-right</div>
|
|||
|
|
<div class="code-name">#icon-arrow-right</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-Chat"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Chat</div>
|
|||
|
|
<div class="code-name">#icon-Chat</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-close"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">delete</div>
|
|||
|
|
<div class="code-name">#icon-close</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-a-Createroom"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Create room</div>
|
|||
|
|
<div class="code-name">#icon-a-Createroom</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-Call"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Call</div>
|
|||
|
|
<div class="code-name">#icon-Call</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-Like-fill"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Like-fill</div>
|
|||
|
|
<div class="code-name">#icon-Like-fill</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-filter-fill"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">filter-fill</div>
|
|||
|
|
<div class="code-name">#icon-filter-fill</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-live"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">live</div>
|
|||
|
|
<div class="code-name">#icon-live</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-follow"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">follow</div>
|
|||
|
|
<div class="code-name">#icon-follow</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-Play"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Play</div>
|
|||
|
|
<div class="code-name">#icon-Play</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-events"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">events</div>
|
|||
|
|
<div class="code-name">#icon-events</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-More"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">More</div>
|
|||
|
|
<div class="code-name">#icon-More</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-matching"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">matching</div>
|
|||
|
|
<div class="code-name">#icon-matching</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-Like"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Like</div>
|
|||
|
|
<div class="code-name">#icon-Like</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-loading"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">loading</div>
|
|||
|
|
<div class="code-name">#icon-loading</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-Search"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Search</div>
|
|||
|
|
<div class="code-name">#icon-Search</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-filter"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">filter</div>
|
|||
|
|
<div class="code-name">#icon-filter</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-social-facebook"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">social-facebook</div>
|
|||
|
|
<div class="code-name">#icon-social-facebook</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-select"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">select</div>
|
|||
|
|
<div class="code-name">#icon-select</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-Share-border"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Share-border</div>
|
|||
|
|
<div class="code-name">#icon-Share-border</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-social-instagram"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">social-instagram</div>
|
|||
|
|
<div class="code-name">#icon-social-instagram</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-social-twitch"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">social-twitch</div>
|
|||
|
|
<div class="code-name">#icon-social-twitch</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-Voice"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">Voice</div>
|
|||
|
|
<div class="code-name">#icon-Voice</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-social-tiktok"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">social-tiktok</div>
|
|||
|
|
<div class="code-name">#icon-social-tiktok</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-social-google"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">social-google</div>
|
|||
|
|
<div class="code-name">#icon-social-google</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-social-youtube"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">social-youtube</div>
|
|||
|
|
<div class="code-name">#icon-social-youtube</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-social-apple"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">social-apple</div>
|
|||
|
|
<div class="code-name">#icon-social-apple</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-social-twitter"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">icon-kfckfc</div>
|
|||
|
|
<div class="code-name">#icon-social-twitter</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-star-fill"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">star-fill</div>
|
|||
|
|
<div class="code-name">#icon-star-fill</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-star"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">star</div>
|
|||
|
|
<div class="code-name">#icon-star</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-social-discord"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">social-discord</div>
|
|||
|
|
<div class="code-name">#icon-social-discord</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dib">
|
|||
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|||
|
|
<use xlink:href="#icon-messages"></use>
|
|||
|
|
</svg>
|
|||
|
|
<div class="name">messages</div>
|
|||
|
|
<div class="code-name">#icon-messages</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>
|