m-claim-icons

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>iconfont Demo</title> <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/> <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.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>  <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=2214953" 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">kefu</div> <div class="code-name">&#xe6f9;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">xiazai</div> <div class="code-name">&#xe6f6;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">weixinzixun</div> <div class="code-name">&#xe6f3;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">400hujiao</div> <div class="code-name">&#xe6f4;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">play</div> <div class="code-name">&#xe6f1;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">voice</div> <div class="code-name">&#xe6d9;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">ownername</div> <div class="code-name">&#xe6d5;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">mileage</div> <div class="code-name">&#xe6d6;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">repairtime</div> <div class="code-name">&#xe6d7;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">salestime</div> <div class="code-name">&#xe6d8;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">time</div> <div class="code-name">&#xe69b;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">replace</div> <div class="code-name">&#xe69c;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">Service station</div> <div class="code-name">&#xe69d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">Shut-down</div> <div class="code-name">&#xe694;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">search</div> <div class="code-name">&#xe695;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">next</div> <div class="code-name">&#xe696;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">download</div> <div class="code-name">&#xe697;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">down</div> <div class="code-name">&#xe698;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">preview</div> <div class="code-name">&#xe699;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">PDF-cion</div> <div class="code-name">&#xe69a;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">home</div> <div class="code-name">&#xe693;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">back</div> <div class="code-name">&#xe690;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">vin</div> <div class="code-name">&#xe691;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">licheng</div> <div class="code-name">&#xe692;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">Without</div> <div class="code-name">&#xe68b;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">Not join</div> <div class="code-name">&#xe68c;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">Add not submitted</div> <div class="code-name">&#xe68d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">scanning</div> <div class="code-name">&#xe68e;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">successful</div> <div class="code-name">&#xe68f;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">scaning</div> <div class="code-name">&#xe683;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">editor-transport</div> <div class="code-name">&#xe684;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">parts-number</div> <div class="code-name">&#xe685;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">waitbox</div> <div class="code-name">&#xe686;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">inbox</div> <div class="code-name">&#xe687;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">old-label</div> <div class="code-name">&#xe688;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">suopei</div> <div class="code-name">&#xe689;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">zhuangxiang-time</div> <div class="code-name">&#xe68a;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">amplification</div> <div class="code-name">&#xe682;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">photo</div> <div class="code-name">&#xe681;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">success</div> <div class="code-name">&#xe674;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">Packup</div> <div class="code-name">&#xe675;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">add</div> <div class="code-name">&#xe676;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">more</div> <div class="code-name">&#xe677;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-sift</div> <div class="code-name">&#xe678;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">instant-error</div> <div class="code-name">&#xe679;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">consulting</div> <div class="code-name">&#xe67a;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">search</div> <div class="code-name">&#xe67b;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">editorlist</div> <div class="code-name">&#xe67c;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">changelist</div> <div class="code-name">&#xe67d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">open</div> <div class="code-name">&#xe67e;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">Shut</div> <div class="code-name">&#xe67f;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">reply</div> <div class="code-name">&#xe680;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">user-submit</div> <div class="code-name">&#xe659;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">Node-number</div> <div class="code-name">&#xe658;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">time-State</div> <div class="code-name">&#xe657;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">time-State</div> <div class="code-name">&#xe656;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">delete</div> <div class="code-name">&#xe655;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">upload</div> <div class="code-name">&#xe62c;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">to-void</div> <div class="code-name">&#xe62d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-back</div> <div class="code-name">&#xe62b;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-up</div> <div class="code-name">&#xe62a;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">claim-form</div> <div class="code-name">&#xe606;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">control-over-invoices</div> <div class="code-name">&#xe607;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">application-for-extension-of-insurance</div> <div class="code-name">&#xe608;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">diagnosis</div> <div class="code-name">&#xe609;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">help-feedback</div> <div class="code-name">&#xe60a;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">maintenance-sheet</div> <div class="code-name">&#xe60b;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">maintenance-pre-application</div> <div class="code-name">&#xe60c;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">misjudgment-sheet</div> <div class="code-name">&#xe60d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">no-return</div> <div class="code-name">&#xe60e;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">notice</div> <div class="code-name">&#xe60f;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">pre-claim-application</div> <div class="code-name">&#xe610;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">pick-up-reminder</div> <div class="code-name">&#xe611;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-close</div> <div class="code-name">&#xe612;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">settlement-batch</div> <div class="code-name">&#xe613;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-next</div> <div class="code-name">&#xe614;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">service-activities</div> <div class="code-name">&#xe615;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">return</div> <div class="code-name">&#xe616;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-down</div> <div class="code-name">&#xe617;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-spanner</div> <div class="code-name">&#xe618;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-consult</div> <div class="code-name">&#xe61a;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">separate-return</div> <div class="code-name">&#xe61b;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-news-1</div> <div class="code-name">&#xe61c;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">user</div> <div class="code-name">&#xe61d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-calendar</div> <div class="code-name">&#xe61e;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">transportation-management</div> <div class="code-name">&#xe61f;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-books</div> <div class="code-name">&#xe620;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-kilometre</div> <div class="code-name">&#xe621;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">special-events</div> <div class="code-name">&#xe622;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">vehicle-information</div> <div class="code-name">&#xe623;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-scan</div> <div class="code-name">&#xe624;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">san-bao-dispute</div> <div class="code-name">&#xe625;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-plus</div> <div class="code-name">&#xe626;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-news-2</div> <div class="code-name">&#xe627;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-claim</div> <div class="code-name">&#xe628;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">s-pdi</div> <div class="code-name">&#xe629;</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.eot?t=1638264462619'); /* IE9 */ src: url('iconfont.eot?t=1638264462619#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff2?t=1638264462619') format('woff2'), url('iconfont.woff?t=1638264462619') format('woff'), url('iconfont.ttf?t=1638264462619') format('truetype'), url('iconfont.svg?t=1638264462619#iconfont') format('svg'); } </code></pre> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <pre><code class="language-css" >.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } </code></pre> <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3> <pre> <code class="language-html" ><span class="iconfont">&#x33;</span> </code></pre> <blockquote> <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p> </blockquote> </div> </div> <div class="content font-class"> <ul class="icon_lists dib-box"> <li class="dib"> <span class="icon iconfont icon-customer-service"></span> <div class="name"> kefu </div> <div class="code-name">.icon-customer-service </div> </li> <li class="dib"> <span class="icon iconfont icon-xiazai"></span> <div class="name"> xiazai </div> <div class="code-name">.icon-xiazai </div> </li> <li class="dib"> <span class="icon iconfont icon-weixinzixun"></span> <div class="name"> weixinzixun </div> <div class="code-name">.icon-weixinzixun </div> </li> <li class="dib"> <span class="icon iconfont icon-a-400hujiao"></span> <div class="name"> 400hujiao </div> <div class="code-name">.icon-a-400hujiao </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-voice"></span> <div class="name"> voice </div> <div class="code-name">.icon-voice </div> </li> <li class="dib"> <span class="icon iconfont icon-ownername"></span> <div class="name"> ownername </div> <div class="code-name">.icon-ownername </div> </li> <li class="dib"> <span class="icon iconfont icon-mileage"></span> <div class="name"> mileage </div> <div class="code-name">.icon-mileage </div> </li> <li class="dib"> <span class="icon iconfont icon-repairtime"></span> <div class="name"> repairtime </div> <div class="code-name">.icon-repairtime </div> </li> <li class="dib"> <span class="icon iconfont icon-salestime"></span> <div class="name"> salestime </div> <div class="code-name">.icon-salestime </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-replace"></span> <div class="name"> replace </div> <div class="code-name">.icon-replace </div> </li> <li class="dib"> <span class="icon iconfont icon-a-Servicestation"></span> <div class="name"> Service station </div> <div class="code-name">.icon-a-Servicestation </div> </li> <li class="dib"> <span class="icon iconfont icon-Shut-down"></span> <div class="name"> Shut-down </div> <div class="code-name">.icon-Shut-down </div> </li> <li class="dib"> <span class="icon iconfont icon-search1"></span> <div class="name"> search </div> <div class="code-name">.icon-search1 </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-download"></span> <div class="name"> download </div> <div class="code-name">.icon-download </div> </li> <li class="dib"> <span class="icon iconfont icon-down"></span> <div class="name"> down </div> <div class="code-name">.icon-down </div> </li> <li class="dib"> <span class="icon iconfont icon-preview"></span> <div class="name"> preview </div> <div class="code-name">.icon-preview </div> </li> <li class="dib"> <span class="icon iconfont icon-PDF-cion"></span> <div class="name"> PDF-cion </div> <div class="code-name">.icon-PDF-cion </div> </li> <li class="dib"> <span class="icon iconfont icon-home"></span> <div class="name"> home </div> <div class="code-name">.icon-home </div> </li> <li class="dib"> <span class="icon iconfont icon-back"></span> <div class="name"> back </div> <div class="code-name">.icon-back </div> </li> <li class="dib"> <span class="icon iconfont icon-vin"></span> <div class="name"> vin </div> <div class="code-name">.icon-vin </div> </li> <li class="dib"> <span class="icon iconfont icon-licheng"></span> <div class="name"> licheng </div> <div class="code-name">.icon-licheng </div> </li> <li class="dib"> <span class="icon iconfont icon-Without"></span> <div class="name"> Without </div> <div class="code-name">.icon-Without </div> </li> <li class="dib"> <span class="icon iconfont icon-Notjoin"></span> <div class="name"> Not join </div> <div class="code-name">.icon-Notjoin </div> </li> <li class="dib"> <span class="icon iconfont icon-Addnotsubmitted"></span> <div class="name"> Add not submitted </div> <div class="code-name">.icon-Addnotsubmitted </div> </li> <li class="dib"> <span class="icon iconfont icon-scanning"></span> <div class="name"> scanning </div> <div class="code-name">.icon-scanning </div> </li> <li class="dib"> <span class="icon iconfont icon-successful"></span> <div class="name"> successful </div> <div class="code-name">.icon-successful </div> </li> <li class="dib"> <span class="icon iconfont icon-scaning"></span> <div class="name"> scaning </div> <div class="code-name">.icon-scaning </div> </li> <li class="dib"> <span class="icon iconfont icon-editor-transport"></span> <div class="name"> editor-transport </div> <div class="code-name">.icon-editor-transport </div> </li> <li class="dib"> <span class="icon iconfont icon-parts-number"></span> <div class="name"> parts-number </div> <div class="code-name">.icon-parts-number </div> </li> <li class="dib"> <span class="icon iconfont icon-waitbox"></span> <div class="name"> waitbox </div> <div class="code-name">.icon-waitbox </div> </li> <li class="dib"> <span class="icon iconfont icon-inbox"></span> <div class="name"> inbox </div> <div class="code-name">.icon-inbox </div> </li> <li class="dib"> <span class="icon iconfont icon-old-label"></span> <div class="name"> old-label </div> <div class="code-name">.icon-old-label </div> </li> <li class="dib"> <span class="icon iconfont icon-suopei"></span> <div class="name"> suopei </div> <div class="code-name">.icon-suopei </div> </li> <li class="dib"> <span class="icon iconfont icon-zhuangxiang-time"></span> <div class="name"> zhuangxiang-time </div> <div class="code-name">.icon-zhuangxiang-time </div> </li> <li class="dib"> <span class="icon iconfont icon-amplification"></span> <div class="name"> amplification </div> <div class="code-name">.icon-amplification </div> </li> <li class="dib"> <span class="icon iconfont icon-photo"></span> <div class="name"> photo </div> <div class="code-name">.icon-photo </div> </li> <li class="dib"> <span class="icon iconfont icon-success"></span> <div class="name"> success </div> <div class="code-name">.icon-success </div> </li> <li class="dib"> <span class="icon iconfont icon-Packup"></span> <div class="name"> Packup </div> <div class="code-name">.icon-Packup </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-more"></span> <div class="name"> more </div> <div class="code-name">.icon-more </div> </li> <li class="dib"> <span class="icon iconfont icon-s-sift"></span> <div class="name"> s-sift </div> <div class="code-name">.icon-s-sift </div> </li> <li class="dib"> <span class="icon iconfont icon-instant-error"></span> <div class="name"> instant-error </div> <div class="code-name">.icon-instant-error </div> </li> <li class="dib"> <span class="icon iconfont icon-consulting"></span> <div class="name"> consulting </div> <div class="code-name">.icon-consulting </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-editorlist"></span> <div class="name"> editorlist </div> <div class="code-name">.icon-editorlist </div> </li> <li class="dib"> <span class="icon iconfont icon-changelist"></span> <div class="name"> changelist </div> <div class="code-name">.icon-changelist </div> </li> <li class="dib"> <span class="icon iconfont icon-open"></span> <div class="name"> open </div> <div class="code-name">.icon-open </div> </li> <li class="dib"> <span class="icon iconfont icon-Shut"></span> <div class="name"> Shut </div> <div class="code-name">.icon-Shut </div> </li> <li class="dib"> <span class="icon iconfont icon-reply"></span> <div class="name"> reply </div> <div class="code-name">.icon-reply </div> </li> <li class="dib"> <span class="icon iconfont icon-user-submit"></span> <div class="name"> user-submit </div> <div class="code-name">.icon-user-submit </div> </li> <li class="dib"> <span class="icon iconfont icon-Node-number"></span> <div class="name"> Node-number </div> <div class="code-name">.icon-Node-number </div> </li> <li class="dib"> <span class="icon iconfont icon-time-State1"></span> <div class="name"> time-State </div> <div class="code-name">.icon-time-State1 </div> </li> <li class="dib"> <span class="icon iconfont icon-time-State"></span> <div class="name"> time-State </div> <div class="code-name">.icon-time-State </div> </li> <li class="dib"> <span class="icon iconfont icon-delete"></span> <div class="name"> delete </div> <div class="code-name">.icon-delete </div> </li> <li class="dib"> <span class="icon iconfont icon-upload"></span> <div class="name"> upload </div> <div class="code-name">.icon-upload </div> </li> <li class="dib"> <span class="icon iconfont icon-to-void"></span> <div class="name"> to-void </div> <div class="code-name">.icon-to-void </div> </li> <li class="dib"> <span class="icon iconfont icon-s-back"></span> <div class="name"> s-back </div> <div class="code-name">.icon-s-back </div> </li> <li class="dib"> <span class="icon iconfont icon-s-up"></span> <div class="name"> s-up </div> <div class="code-name">.icon-s-up </div> </li> <li class="dib"> <span class="icon iconfont icon-claim-form"></span> <div class="name"> claim-form </div> <div class="code-name">.icon-claim-form </div> </li> <li class="dib"> <span class="icon iconfont icon-control-over-invoices"></span> <div class="name"> control-over-invoices </div> <div class="code-name">.icon-control-over-invoices </div> </li> <li class="dib"> <span class="icon iconfont icon-application-for-extension-of-insurance"></span> <div class="name"> application-for-extension-of-insurance </div> <div class="code-name">.icon-application-for-extension-of-insurance </div> </li> <li class="dib"> <span class="icon iconfont icon-diagnosis"></span> <div class="name"> diagnosis </div> <div class="code-name">.icon-diagnosis </div> </li> <li class="dib"> <span class="icon iconfont icon-help-feedback"></span> <div class="name"> help-feedback </div> <div class="code-name">.icon-help-feedback </div> </li> <li class="dib"> <span class="icon iconfont icon-maintenance-sheet"></span> <div class="name"> maintenance-sheet </div> <div class="code-name">.icon-maintenance-sheet </div> </li> <li class="dib"> <span class="icon iconfont icon-maintenance-pre-application"></span> <div class="name"> maintenance-pre-application </div> <div class="code-name">.icon-maintenance-pre-application </div> </li> <li class="dib"> <span class="icon iconfont icon-misjudgment-sheet"></span> <div class="name"> misjudgment-sheet </div> <div class="code-name">.icon-misjudgment-sheet </div> </li> <li class="dib"> <span class="icon iconfont icon-no-return"></span> <div class="name"> no-return </div> <div class="code-name">.icon-no-return </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-pre-claim-application"></span> <div class="name"> pre-claim-application </div> <div class="code-name">.icon-pre-claim-application </div> </li> <li class="dib"> <span class="icon iconfont icon-pick-up-reminder"></span> <div class="name"> pick-up-reminder </div> <div class="code-name">.icon-pick-up-reminder </div> </li> <li class="dib"> <span class="icon iconfont icon-s-close"></span> <div class="name"> s-close </div> <div class="code-name">.icon-s-close </div> </li> <li class="dib"> <span class="icon iconfont icon-settlement-batch"></span> <div class="name"> settlement-batch </div> <div class="code-name">.icon-settlement-batch </div> </li> <li class="dib"> <span class="icon iconfont icon-s-next"></span> <div class="name"> s-next </div> <div class="code-name">.icon-s-next </div> </li> <li class="dib"> <span class="icon iconfont icon-service-activities"></span> <div class="name"> service-activities </div> <div class="code-name">.icon-service-activities </div> </li> <li class="dib"> <span class="icon iconfont icon-return"></span> <div class="name"> return </div> <div class="code-name">.icon-return </div> </li> <li class="dib"> <span class="icon iconfont icon-s-down"></span> <div class="name"> s-down </div> <div class="code-name">.icon-s-down </div> </li> <li class="dib"> <span class="icon iconfont icon-s-spanner"></span> <div class="name"> s-spanner </div> <div class="code-name">.icon-s-spanner </div> </li> <li class="dib"> <span class="icon iconfont icon-s-consult"></span> <div class="name"> s-consult </div> <div class="code-name">.icon-s-consult </div> </li> <li class="dib"> <span class="icon iconfont icon-separate-return"></span> <div class="name"> separate-return </div> <div class="code-name">.icon-separate-return </div> </li> <li class="dib"> <span class="icon iconfont icon-s-news-1"></span> <div class="name"> s-news-1 </div> <div class="code-name">.icon-s-news-1 </div> </li> <li class="dib"> <span class="icon iconfont icon-user"></span> <div class="name"> user </div> <div class="code-name">.icon-user </div> </li> <li class="dib"> <span class="icon iconfont icon-s-calendar"></span> <div class="name"> s-calendar </div> <div class="code-name">.icon-s-calendar </div> </li> <li class="dib"> <span class="icon iconfont icon-transportation-management"></span> <div class="name"> transportation-management </div> <div class="code-name">.icon-transportation-management </div> </li> <li class="dib"> <span class="icon iconfont icon-s-books"></span> <div class="name"> s-books </div> <div class="code-name">.icon-s-books </div> </li> <li class="dib"> <span class="icon iconfont icon-s-kilometre"></span> <div class="name"> s-kilometre </div> <div class="code-name">.icon-s-kilometre </div> </li> <li class="dib"> <span class="icon iconfont icon-special-events"></span> <div class="name"> special-events </div> <div class="code-name">.icon-special-events </div> </li> <li class="dib"> <span class="icon iconfont icon-vehicle-information"></span> <div class="name"> vehicle-information </div> <div class="code-name">.icon-vehicle-information </div> </li> <li class="dib"> <span class="icon iconfont icon-s-scan"></span> <div class="name"> s-scan </div> <div class="code-name">.icon-s-scan </div> </li> <li class="dib"> <span class="icon iconfont icon-san-bao-dispute"></span> <div class="name"> san-bao-dispute </div> <div class="code-name">.icon-san-bao-dispute </div> </li> <li class="dib"> <span class="icon iconfont icon-s-plus"></span> <div class="name"> s-plus </div> <div class="code-name">.icon-s-plus </div> </li> <li class="dib"> <span