<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont</title>
<link rel="stylesheet" href="demo.css">
<script src="iconfont.js"></script>
<style type="text/css">
.icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em; height: 1em;
/* 图标和文字相邻时,垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
</style>
</head>
<body>
<div class="main markdown">
<h1>IconFont 图标</h1>
<ul class="icon_lists clear">
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-quanbudingdan"></use>
</svg>
<div class="name">全部订单</div>
<div class="fontclass">#icon-quanbudingdan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-pdf"></use>
</svg>
<div class="name">pdf</div>
<div class="fontclass">#icon-pdf</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-title-left"></use>
</svg>
<div class="name">年份切换向左</div>
<div class="fontclass">#icon-title-left</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-book"></use>
</svg>
<div class="name">book</div>
<div class="fontclass">#icon-book</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-yuanquan"></use>
</svg>
<div class="name">圆圈</div>
<div class="fontclass">#icon-yuanquan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shujuku"></use>
</svg>
<div class="name">数据库</div>
<div class="fontclass">#icon-shujuku</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-youxiang"></use>
</svg>
<div class="name">邮箱</div>
<div class="fontclass">#icon-youxiang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-weiwancheng"></use>
</svg>
<div class="name">未完成</div>
<div class="fontclass">#icon-weiwancheng</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-del"></use>
</svg>
<div class="name">del</div>
<div class="fontclass">#icon-del</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fabu"></use>
</svg>
<div class="name">发布</div>
<div class="fontclass">#icon-fabu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xia"></use>
</svg>
<div class="name">下一个</div>
<div class="fontclass">#icon-xia</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-ttpodicon"></use>
</svg>
<div class="name">发送</div>
<div class="fontclass">#icon-ttpodicon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-22"></use>
</svg>
<div class="name">邮件</div>
<div class="fontclass">#icon-22</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-information"></use>
</svg>
<div class="name">信息</div>
<div class="fontclass">#icon-information</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-huanyihuan"></use>
</svg>
<div class="name">换一换</div>
<div class="fontclass">#icon-huanyihuan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-lingdang"></use>
</svg>
<div class="name">铃铛</div>
<div class="fontclass">#icon-lingdang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-wenjianjia3"></use>
</svg>
<div class="name">文件夹3</div>
<div class="fontclass">#icon-wenjianjia3</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xinzengrenwu"></use>
</svg>
<div class="name">新增任务</div>
<div class="fontclass">#icon-xinzengrenwu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gongyingshangguanli"></use>
</svg>
<div class="name">供应商管理</div>
<div class="fontclass">#icon-gongyingshangguanli</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shoucanggongyingshang"></use>
</svg>
<div class="name">收藏供应商</div>
<div class="fontclass">#icon-shoucanggongyingshang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xinzenggongyingshang"></use>
</svg>
<div class="name">新增供应商</div>
<div class="fontclass">#icon-xinzenggongyingshang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg>
评论1