代码拉取完成，页面将自动刷新
同步操作将从 Visvoy/doncare-ui 强制同步，此操作会覆盖自 Fork 仓库以来所做的任何修改，且无法恢复！！！
确定后同步将在后台操作，完成时将刷新页面，请耐心等待。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>图标库</title>
<link href="assets/css/doncare.css" type="text/css" rel="stylesheet" />
<link href="assets/css/doncare.frame.css" type="text/css" rel="stylesheet" />
<link href="assets/font/icon200.css" type="text/css" rel="stylesheet">
<!--[if lt IE 8]>
<link href="assets/font/icon200ie7.css" type="text/css" rel="stylesheet">
<![endif]-->
<script src="assets/js/jquery.js" type="text/javascript"></script>
<script src="assets/js/doncare.js" type="text/javascript" defer></script>
<script src="assets/js/doncare.page.js" type="text/javascript" defer></script>
<script src="assets/js/doncare.frame.js" type="text/javascript" defer></script>
<style type="text/css">
.font-grid {
float: left;
width: 160px;
height: 60px;
padding-top: 26px;
padding-bottom: 22px;
margin-top: 6px;
}
.font-grid i {
display: block;
font-size: 32px;
text-align: center;
margin-bottom: 6px;
}
.font-grid.on {
background: rgba(0,0,0,0.3);
}
.mls {
display: block;
text-align: center;
}
</style>
<script type="text/javascript">
$(function(){
$("div.font-grid").hover(function(){
$(this).addClass("on");
}, function(){
$(this).removeClass("on");
});
});
</script>
</head>
<body>
<div id="header" class="header">
<div class="header-left">
</div>
<div class="header-option">
<a href="javascript:;" onclick="DC.page.open('button.html');" ><i class="icon-sign-left"></i>按钮</a>
<a href="javascript:;" onclick="DC.page.open('tag.html');" ><i class="icon-sign-right"></i>彩色标记</a>
</div>
</div>
<div id="main" class="main">
<div class="block transparent">
<div class="block-main">
<h3>Icon200 图标库</h3>
<hr />
<p>包含200个矢量图标，可任意放大、缩小、修改颜色</p>
<div class="code-block">
<pre>
<i class="icon-zoom-out"></i></pre>
</div>
</div>
</div>
<div class="block">
<div class="block-header">
<span>200个图标的调用方式</span>
</div>
<div class="block-main clearfix" style="padding-bottom: 10px">
<div class="font-grid">
<i class="icon-zoom-out"></i><span class="mls"> icon-zoom-out</span>
</div>
<div class="font-grid">
<i class="icon-zoom-in"></i><span class="mls"> icon-zoom-in</span>
</div>
<div class="font-grid">
<i class="icon-warning"></i><span class="mls"> icon-warning</span>
</div>
<div class="font-grid">
<i class="icon-volumn-up"></i><span class="mls"> icon-volumn-up</span>
</div>
<div class="font-grid">
<i class="icon-volumn-off"></i><span class="mls"> icon-volumn-off</span>
</div>
<div class="font-grid">
<i class="icon-volumn-down"></i><span class="mls"> icon-volumn-down</span>
</div>
<div class="font-grid">
<i class="icon-dollar"></i><span class="mls"> icon-dollar</span>
</div>
<div class="font-grid">
<i class="icon-upload"></i><span class="mls"> icon-upload</span>
</div>
<div class="font-grid">
<i class="icon-unlock"></i><span class="mls"> icon-unlock</span>
</div>
<div class="font-grid">
<i class="icon-undo"></i><span class="mls"> icon-undo</span>
</div>
<div class="font-grid">
<i class="icon-umbrella"></i><span class="mls"> icon-umbrella</span>
</div>
<div class="font-grid">
<i class="icon-truck"></i><span class="mls"> icon-truck</span>
</div>
<div class="font-grid">
<i class="icon-trush"></i><span class="mls"> icon-trush</span>
</div>
<div class="font-grid">
<i class="icon-time"></i><span class="mls"> icon-time</span>
</div>
<div class="font-grid">
<i class="icon-ticket"></i><span class="mls"> icon-ticket</span>
</div>
<div class="font-grid">
<i class="icon-thumb-up"></i><span class="mls"> icon-thumb-up</span>
</div>
<div class="font-grid">
<i class="icon-thumb-up2"></i><span class="mls"> icon-thumb-up2</span>
</div>
<div class="font-grid">
<i class="icon-thumb-down"></i><span class="mls"> icon-thumb-down</span>
</div>
<div class="font-grid">
<i class="icon-thumb-down2"></i><span class="mls"> icon-thumb-down2</span>
</div>
<div class="font-grid">
<i class="icon-list"></i><span class="mls"> icon-list</span>
</div>
<div class="font-grid">
<i class="icon-grid"></i><span class="mls"> icon-grid</span>
</div>
<div class="font-grid">
<i class="icon-slider"></i><span class="mls"> icon-slider</span>
</div>
<div class="font-grid">
<i class="icon-tag"></i><span class="mls"> icon-tag</span>
</div>
<div class="font-grid">
<i class="icon-ipad"></i><span class="mls"> icon-ipad</span>
</div>
<div class="font-grid">
<i class="icon-sun"></i><span class="mls"> icon-sun</span>
</div>
<div class="font-grid">
<i class="icon-briefcase"></i><span class="mls"> icon-briefcase</span>
</div>
<div class="font-grid">
<i class="icon-briefcase2"></i><span class="mls"> icon-briefcase2</span>
</div>
<div class="font-grid">
<i class="icon-star"></i><span class="mls"> icon-star</span>
</div>
<div class="font-grid">
<i class="icon-star-half2"></i><span class="mls"> icon-star-half2</span>
</div>
<div class="font-grid">
<i class="icon-star-half"></i><span class="mls"> icon-star-half</span>
</div>
<div class="font-grid">
<i class="icon-star-empty"></i><span class="mls"> icon-star-empty</span>
</div>
<div class="font-grid">
<i class="icon-em-smile"></i><span class="mls"> icon-em-smile</span>
</div>
<div class="font-grid">
<i class="icon-relation"></i><span class="mls"> icon-relation</span>
</div>
<div class="font-grid">
<i class="icon-outside"></i><span class="mls"> icon-outside</span>
</div>
<div class="font-grid">
<i class="icon-inside"></i><span class="mls"> icon-inside</span>
</div>
<div class="font-grid">
<i class="icon-wifi"></i><span class="mls"> icon-wifi</span>
</div>
<div class="font-grid">
<i class="icon-shield"></i><span class="mls"> icon-shield</span>
</div>
<div class="font-grid">
<i class="icon-next"></i><span class="mls"> icon-next</span>
</div>
<div class="font-grid">
<i class="icon-search"></i><span class="mls"> icon-search</span>
</div>
<div class="font-grid">
<i class="icon-save"></i><span class="mls"> icon-save</span>
</div>
<div class="font-grid">
<i class="icon-rss"></i><span class="mls"> icon-rss</span>
</div>
<div class="font-grid">
<i class="icon-box-rss"></i><span class="mls"> icon-box-rss</span>
</div>
<div class="font-grid">
<i class="icon-rocket"></i><span class="mls"> icon-rocket</span>
</div>
<div class="font-grid">
<i class="icon-prev"></i><span class="mls"> icon-prev</span>
</div>
<div class="font-grid">
<i class="icon-prev-head"></i><span class="mls"> icon-prev-head</span>
</div>
<div class="font-grid">
<i class="icon-redo"></i><span class="mls"> icon-redo</span>
</div>
<div class="font-grid">
<i class="icon-menu"></i><span class="mls"> icon-menu</span>
</div>
<div class="font-grid">
<i class="icon-error"></i><span class="mls"> icon-error</span>
</div>
<div class="font-grid">
<i class="icon-sign-error2"></i><span class="mls"> icon-sign-error2</span>
</div>
<div class="font-grid">
<i class="icon-sign-error"></i><span class="mls"> icon-sign-error</span>
</div>
<div class="font-grid">
<i class="icon-reload"></i><span class="mls"> icon-reload</span>
</div>
<div class="font-grid">
<i class="icon-quote-right"></i><span class="mls"> icon-quote-right</span>
</div>
<div class="font-grid">
<i class="icon-quote-right2"></i><span class="mls"> icon-quote-right2</span>
</div>
<div class="font-grid">
<i class="icon-quote-left"></i><span class="mls"> icon-quote-left</span>
</div>
<div class="font-grid">
<i class="icon-quote-left2"></i><span class="mls"> icon-quote-left2</span>
</div>
<div class="font-grid">
<i class="icon-sign-question"></i><span class="mls"> icon-sign-question</span>
</div>
<div class="font-grid">
<i class="icon-qrcode"></i><span class="mls"> icon-qrcode</span>
</div>
<div class="font-grid">
<i class="icon-pin"></i><span class="mls"> icon-pin</span>
</div>
<div class="font-grid">
<i class="icon-printer"></i><span class="mls"> icon-printer</span>
</div>
<div class="font-grid">
<i class="icon-add"></i><span class="mls"> icon-add</span>
</div>
<div class="font-grid">
<i class="icon-sign-add2"></i><span class="mls"> icon-sign-add2</span>
</div>
<div class="font-grid">
<i class="icon-sign-add"></i><span class="mls"> icon-sign-add</span>
</div>
<div class="font-grid">
<i class="icon-plane"></i><span class="mls"> icon-plane</span>
</div>
<div class="font-grid">
<i class="icon-photo"></i><span class="mls"> icon-photo</span>
</div>
<div class="font-grid">
<i class="icon-phone"></i><span class="mls"> icon-phone</span>
</div>
<div class="font-grid">
<i class="icon-sign-phone"></i><span class="mls"> icon-sign-phone</span>
</div>
<div class="font-grid">
<i class="icon-sign-phone2"></i><span class="mls"> icon-sign-phone2</span>
</div>
<div class="font-grid">
<i class="icon-phone2"></i><span class="mls"> icon-phone2</span>
</div>
<div class="font-grid">
<i class="icon-pen"></i><span class="mls"> icon-pen</span>
</div>
<div class="font-grid">
<i class="icon-files"></i><span class="mls"> icon-files</span>
</div>
<div class="font-grid">
<i class="icon-attach"></i><span class="mls"> icon-attach</span>
</div>
<div class="font-grid">
<i class="icon-ok"></i><span class="mls"> icon-ok</span>
</div>
<div class="font-grid">
<i class="icon-sign-ok"></i><span class="mls"> icon-sign-ok</span>
</div>
<div class="font-grid">
<i class="icon-power-off"></i><span class="mls"> icon-power-off</span>
</div>
<div class="font-grid">
<i class="icon-music"></i><span class="mls"> icon-music</span>
</div>
<div class="font-grid">
<i class="icon-night"></i><span class="mls"> icon-night</span>
</div>
<div class="font-grid">
<i class="icon-money"></i><span class="mls"> icon-money</span>
</div>
<div class="font-grid">
<i class="icon-smart-phone"></i><span class="mls"> icon-smart-phone</span>
</div>
<div class="font-grid">
<i class="icon-minus"></i><span class="mls"> icon-minus</span>
</div>
<div class="font-grid">
<i class="icon-sign-minus"></i><span class="mls"> icon-sign-minus</span>
</div>
<div class="font-grid">
<i class="icon-speaker"></i><span class="mls"> icon-speaker</span>
</div>
<div class="font-grid">
<i class="icon-speaker-off"></i><span class="mls"> icon-speaker-off</span>
</div>
<div class="font-grid">
<i class="icon-em-meh"></i><span class="mls"> icon-em-meh</span>
</div>
<div class="font-grid">
<i class="icon-location"></i><span class="mls"> icon-location</span>
</div>
<div class="font-grid">
<i class="icon-man"></i><span class="mls"> icon-man</span>
</div>
<div class="font-grid">
<i class="icon-sign-man"></i><span class="mls"> icon-sign-man</span>
</div>
<div class="font-grid">
<i class="icon-sign-man2"></i><span class="mls"> icon-sign-man2</span>
</div>
<div class="font-grid">
<i class="icon-man2"></i><span class="mls"> icon-man2</span>
</div>
<div class="font-grid">
<i class="icon-magnet"></i><span class="mls"> icon-magnet</span>
</div>
<div class="font-grid">
<i class="icon-arrow-up"></i><span class="mls"> icon-arrow-up</span>
</div>
<div class="font-grid">
<i class="icon-arrow-right"></i><span class="mls"> icon-arrow-right</span>
</div>
<div class="font-grid">
<i class="icon-arrow-left"></i><span class="mls"> icon-arrow-left</span>
</div>
<div class="font-grid">
<i class="icon-arrow-down"></i><span class="mls"> icon-arrow-down</span>
</div>
<div class="font-grid">
<i class="icon-lock"></i><span class="mls"> icon-lock</span>
</div>
<div class="font-grid">
<i class="icon-location2"></i><span class="mls"> icon-location2</span>
</div>
<div class="font-grid">
<i class="icon-list2"></i><span class="mls"> icon-list2</span>
</div>
<div class="font-grid">
<i class="icon-link"></i><span class="mls"> icon-link</span>
</div>
<div class="font-grid">
<i class="icon-bulb"></i><span class="mls"> icon-bulb</span>
</div>
<div class="font-grid">
<i class="icon-laptop"></i><span class="mls"> icon-laptop</span>
</div>
<div class="font-grid">
<i class="icon-keyboard"></i><span class="mls"> icon-keyboard</span>
</div>
<div class="font-grid">
<i class="icon-key"></i><span class="mls"> icon-key</span>
</div>
<div class="font-grid">
<i class="icon-yuan"></i><span class="mls"> icon-yuan</span>
</div>
<div class="font-grid">
<i class="icon-sign-info"></i><span class="mls"> icon-sign-info</span>
</div>
<div class="font-grid">
<i class="icon-stack"></i><span class="mls"> icon-stack</span>
</div>
<div class="font-grid">
<i class="icon-home"></i><span class="mls"> icon-home</span>
</div>
<div class="font-grid">
<i class="icon-heart2"></i><span class="mls"> icon-heart2</span>
</div>
<div class="font-grid">
<i class="icon-heart"></i><span class="mls"> icon-heart</span>
</div>
<div class="font-grid">
<i class="icon-headphone"></i><span class="mls"> icon-headphone</span>
</div>
<div class="font-grid">
<i class="icon-disk-drive"></i><span class="mls"> icon-disk-drive</span>
</div>
<div class="font-grid">
<i class="icon-group"></i><span class="mls"> icon-group</span>
</div>
<div class="font-grid">
<i class="icon-global"></i><span class="mls"> icon-global</span>
</div>
<div class="font-grid">
<i class="icon-glasses"></i><span class="mls"> icon-glasses</span>
</div>
<div class="font-grid">
<i class="icon-glass"></i><span class="mls"> icon-glass</span>
</div>
<div class="font-grid">
<i class="icon-gift"></i><span class="mls"> icon-gift</span>
</div>
<div class="font-grid">
<i class="icon-gamepad"></i><span class="mls"> icon-gamepad</span>
</div>
<div class="font-grid">
<i class="icon-em-angry"></i><span class="mls"> icon-em-angry</span>
</div>
<div class="font-grid">
<i class="icon-food"></i><span class="mls"> icon-food</span>
</div>
<div class="font-grid">
<i class="icon-folder-open2"></i><span class="mls"> icon-folder-open2</span>
</div>
<div class="font-grid">
<i class="icon-folder-open"></i><span class="mls"> icon-folder-open</span>
</div>
<div class="font-grid">
<i class="icon-folder2"></i><span class="mls"> icon-folder2</span>
</div>
<div class="font-grid">
<i class="icon-folder"></i><span class="mls"> icon-folder</span>
</div>
<div class="font-grid">
<i class="icon-flag2"></i><span class="mls"> icon-flag2</span>
</div>
<div class="font-grid">
<i class="icon-last-turn"></i><span class="mls"> icon-last-turn</span>
</div>
<div class="font-grid">
<i class="icon-flag"></i><span class="mls"> icon-flag</span>
</div>
<div class="font-grid">
<i class="icon-fire"></i><span class="mls"> icon-fire</span>
</div>
<div class="font-grid">
<i class="icon-filter"></i><span class="mls"> icon-filter</span>
</div>
<div class="font-grid">
<i class="icon-video"></i><span class="mls"> icon-video</span>
</div>
<div class="font-grid">
<i class="icon-file3"></i><span class="mls"> icon-file3</span>
</div>
<div class="font-grid">
<i class="icon-file2"></i><span class="mls"> icon-file2</span>
</div>
<div class="font-grid">
<i class="icon-file"></i><span class="mls"> icon-file</span>
</div>
<div class="font-grid">
<i class="icon-plane2"></i><span class="mls"> icon-plane2</span>
</div>
<div class="font-grid">
<i class="icon-girl"></i><span class="mls"> icon-girl</span>
</div>
<div class="font-grid">
<i class="icon-sign-girl"></i><span class="mls"> icon-sign-girl</span>
</div>
<div class="font-grid">
<i class="icon-sign-girl2"></i><span class="mls"> icon-sign-girl2</span>
</div>
<div class="font-grid">
<i class="icon-girl2"></i><span class="mls"> icon-girl2</span>
</div>
<div class="font-grid">
<i class="icon-facetime"></i><span class="mls"> icon-facetime</span>
</div>
<div class="font-grid">
<i class="icon-eye"></i><span class="mls"> icon-eye</span>
</div>
<div class="font-grid">
<i class="icon-eye-off"></i><span class="mls"> icon-eye-off</span>
</div>
<div class="font-grid">
<i class="icon-new-window"></i><span class="mls"> icon-new-window</span>
</div>
<div class="font-grid">
<i class="icon-full-size"></i><span class="mls"> icon-full-size</span>
</div>
<div class="font-grid">
<i class="icon-sign-warning"></i><span class="mls"> icon-sign-warning</span>
</div>
<div class="font-grid">
<i class="icon-mail"></i><span class="mls"> icon-mail</span>
</div>
<div class="font-grid">
<i class="icon-mail2"></i><span class="mls"> icon-mail2</span>
</div>
<div class="font-grid">
<i class="icon-edit"></i><span class="mls"> icon-edit</span>
</div>
<div class="font-grid">
<i class="icon-download"></i><span class="mls"> icon-download</span>
</div>
<div class="font-grid">
<i class="icon-pc"></i><span class="mls"> icon-pc</span>
</div>
<div class="font-grid">
<i class="icon-dashboard"></i><span class="mls"> icon-dashboard</span>
</div>
<div class="font-grid">
<i class="icon-cut"></i><span class="mls"> icon-cut</span>
</div>
<div class="font-grid">
<i class="icon-credit-card"></i><span class="mls"> icon-credit-card</span>
</div>
<div class="font-grid">
<i class="icon-compass"></i><span class="mls"> icon-compass</span>
</div>
<div class="font-grid">
<i class="icon-dialogs"></i><span class="mls"> icon-dialogs</span>
</div>
<div class="font-grid">
<i class="icon-dialogs2"></i><span class="mls"> icon-dialogs2</span>
</div>
<div class="font-grid">
<i class="icon-dialog"></i><span class="mls"> icon-dialog</span>
</div>
<div class="font-grid">
<i class="icon-dialog2"></i><span class="mls"> icon-dialog2</span>
</div>
<div class="font-grid">
<i class="icon-normal-size"></i><span class="mls"> icon-normal-size</span>
</div>
<div class="font-grid">
<i class="icon-cog"></i><span class="mls"> icon-cog</span>
</div>
<div class="font-grid">
<i class="icon-coffee"></i><span class="mls"> icon-coffee</span>
</div>
<div class="font-grid">
<i class="icon-code"></i><span class="mls"> icon-code</span>
</div>
<div class="font-grid">
<i class="icon-branch"></i><span class="mls"> icon-branch</span>
</div>
<div class="font-grid">
<i class="icon-cloud"></i><span class="mls"> icon-cloud</span>
</div>
<div class="font-grid">
<i class="icon-cloud-upload"></i><span class="mls"> icon-cloud-upload</span>
</div>
<div class="font-grid">
<i class="icon-cloud-download"></i><span class="mls"> icon-cloud-download</span>
</div>
<div class="font-grid">
<i class="icon-cloud2"></i><span class="mls"> icon-cloud2</span>
</div>
<div class="font-grid">
<i class="icon-circle2"></i><span class="mls"> icon-circle2</span>
</div>
<div class="font-grid">
<i class="icon-circle"></i><span class="mls"> icon-circle</span>
</div>
<div class="font-grid">
<i class="icon-sign-up"></i><span class="mls"> icon-sign-up</span>
</div>
<div class="font-grid">
<i class="icon-sign-right"></i><span class="mls"> icon-sign-right</span>
</div>
<div class="font-grid">
<i class="icon-sign-left"></i><span class="mls"> icon-sign-left</span>
</div>
<div class="font-grid">
<i class="icon-sign-down"></i><span class="mls"> icon-sign-down</span>
</div>
<div class="font-grid">
<i class="icon-box-ok"></i><span class="mls"> icon-box-ok</span>
</div>
<div class="font-grid">
<i class="icon-box-ok2"></i><span class="mls"> icon-box-ok2</span>
</div>
<div class="font-grid">
<i class="icon-box-minus"></i><span class="mls"> icon-box-minus</span>
</div>
<div class="font-grid">
<i class="icon-box"></i><span class="mls"> icon-box</span>
</div>
<div class="font-grid">
<i class="icon-caret-up"></i><span class="mls"> icon-caret-up</span>
</div>
<div class="font-grid">
<i class="icon-caret-right"></i><span class="mls"> icon-caret-right</span>
</div>
<div class="font-grid">
<i class="icon-caret-left"></i><span class="mls"> icon-caret-left</span>
</div>
<div class="font-grid">
<i class="icon-caret-down"></i><span class="mls"> icon-caret-down</span>
</div>
<div class="font-grid">
<i class="icon-camera"></i><span class="mls"> icon-camera</span>
</div>
<div class="font-grid">
<i class="icon-calendar"></i><span class="mls"> icon-calendar</span>
</div>
<div class="font-grid">
<i class="icon-calculator"></i><span class="mls"> icon-calculator</span>
</div>
<div class="font-grid">
<i class="icon-bingo"></i><span class="mls"> icon-bingo</span>
</div>
<div class="font-grid">
<i class="icon-announce"></i><span class="mls"> icon-announce</span>
</div>
<div class="font-grid">
<i class="icon-building"></i><span class="mls"> icon-building</span>
</div>
<div class="font-grid">
<i class="icon-bug"></i><span class="mls"> icon-bug</span>
</div>
<div class="font-grid">
<i class="icon-book"></i><span class="mls"> icon-book</span>
</div>
<div class="font-grid">
<i class="icon-lightning"></i><span class="mls"> icon-lightning</span>
</div>
<div class="font-grid">
<i class="icon-bell"></i><span class="mls"> icon-bell</span>
</div>
<div class="font-grid">
<i class="icon-bell2"></i><span class="mls"> icon-bell2</span>
</div>
<div class="font-grid">
<i class="icon-lab"></i><span class="mls"> icon-lab</span>
</div>
<div class="font-grid">
<i class="icon-barcode"></i><span class="mls"> icon-barcode</span>
</div>
<div class="font-grid">
<i class="icon-chart"></i><span class="mls"> icon-chart</span>
</div>
<div class="font-grid">
<i class="icon-sign-ban"></i><span class="mls"> icon-sign-ban</span>
</div>
<div class="font-grid">
<i class="icon-angle-up"></i><span class="mls"> icon-angle-up</span>
</div>
<div class="font-grid">
<i class="icon-angle-right"></i><span class="mls"> icon-angle-right</span>
</div>
<div class="font-grid">
<i class="icon-angle-left"></i><span class="mls"> icon-angle-left</span>
</div>
<div class="font-grid">
<i class="icon-angle-down"></i><span class="mls"> icon-angle-down</span>
</div>
<div class="font-grid">
<i class="icon-anchor"></i><span class="mls"> icon-anchor</span>
</div>
<div class="font-grid">
<i class="icon-cart"></i><span class="mls"> icon-cart</span>
</div>
<div class="font-grid">
<i class="icon-first-add"></i><span class="mls"> icon-first-add</span>
</div>
<div class="font-grid">
<i class="icon-wrench"></i><span class="mls"> icon-wrench</span>
</div>
</div>
</div>
</div>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。