<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont</title>
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
</head>
<body>
<div class="main">
<h1>IconFont 图标</h1>
<ul class="icon_lists clear">
<li>
<i class="icon iconfont">󰀢</i>
<div class="name">编辑</div>
<div class="code">&#xf0022;</div>
<div class="fontclass">.bianji</div>
</li>
<li>
<i class="icon iconfont">󰀣</i>
<div class="name">上传</div>
<div class="code">&#xf0023;</div>
<div class="fontclass">.shangchuan</div>
</li>
<li>
<i class="icon iconfont">󰀥</i>
<div class="name">列表</div>
<div class="code">&#xf0025;</div>
<div class="fontclass">.liebiao</div>
</li>
<li>
<i class="icon iconfont">󰀶</i>
<div class="name">音乐</div>
<div class="code">&#xf0036;</div>
<div class="fontclass">.yinle</div>
</li>
<li>
<i class="icon iconfont">󰁄</i>
<div class="name">图片</div>
<div class="code">&#xf0044;</div>
<div class="fontclass">.tupian</div>
</li>
<li>
<i class="icon iconfont">󰁣</i>
<div class="name">日历</div>
<div class="code">&#xf0063;</div>
<div class="fontclass">.rili</div>
</li>
<li>
<i class="icon iconfont">󰁰</i>
<div class="name">平板电脑</div>
<div class="code">&#xf0070;</div>
<div class="fontclass">.pingbandiannao</div>
</li>
<li>
<i class="icon iconfont">󰂑</i>
<div class="name">显示器</div>
<div class="code">&#xf0091;</div>
<div class="fontclass">.xianshiqi</div>
</li>
<li>
<i class="icon iconfont">󰂲</i>
<div class="name">正确</div>
<div class="code">&#xf00b2;</div>
<div class="fontclass">.zhengque</div>
</li>
<li>
<i class="icon iconfont">󰂳</i>
<div class="name">错误</div>
<div class="code">&#xf00b3;</div>
<div class="fontclass">.cuowu</div>
</li>
<li>
<i class="icon iconfont">󰂸</i>
<div class="name">帮助</div>
<div class="code">&#xf00b8;</div>
<div class="fontclass">.bangzhu</div>
</li>
<li>
<i class="icon iconfont">󰂷</i>
<div class="name">警告</div>
<div class="code">&#xf00b7;</div>
<div class="fontclass">.jinggao</div>
</li>
<li>
<i class="icon iconfont">󰃡</i>
<div class="name">目录</div>
<div class="code">&#xf00e1;</div>
<div class="fontclass">.mulu</div>
</li>
<li>
<i class="icon iconfont">󰄑</i>
<div class="name">排序</div>
<div class="code">&#xf0111;</div>
<div class="fontclass">.paixu</div>
</li>
<li>
<i class="icon iconfont">󰄒</i>
<div class="name">向左</div>
<div class="code">&#xf0112;</div>
<div class="fontclass">.xiangzuo</div>
</li>
<li>
<i class="icon iconfont">󰄓</i>
<div class="name">向上</div>
<div class="code">&#xf0113;</div>
<div class="fontclass">.xiangshang</div>
</li>
<li>
<i class="icon iconfont">󰄔</i>
<div class="name">向右</div>
<div class="code">&#xf0114;</div>
<div class="fontclass">.xiangyou</div>
</li>
<li>
<i class="icon iconfont">󰄫</i>
<div class="name">首页</div>
<div class="code">&#xf012b;</div>
<div class="fontclass">.shouye</div>
</li>
<li>
<i class="icon iconfont">󰄬</i>
<div class="name">搜索</div>
<div class="code">&#xf012c;</div>
<div class="fontclass">.sousuo</div>
</li>
<li>
<i class="icon iconfont">󰄭</i>
<div class="name">用户</div>
<div class="code">&#xf012d;</div>
<div class="fontclass">.yonghu</div>
</li>
<li>
<i class="icon iconfont">󰄯</i>
<div class="name">分享</div>
<div class="code">&#xf012f;</div>
<div class="fontclass">.fenxiang</div>
</li>
<li>
<i class="icon iconfont">󰄺</i>
<div class="name">撤销</div>
<div class="code">&#xf013a;</div>
<div class="fontclass">.chexiao</div>
</li>
<li>
<i class="icon iconfont">󰄻</i>
<div class="name">重做</div>
<div class="code">&#xf013b;</div>
<div class="fontclass">.zhongzuo</div>
</li>
<li>
<i class="icon iconfont">󰄾</i>
<div class="name">设置</div>
<div class="code">&#xf013e;</div>
<div class="fontclass">.shezhi</div>
</li>
<li>
<i class="icon iconfont">󰄼</i>
<div class="name">赞扬</div>
<div class="code">&#xf013c;</div>
<div class="fontclass">.zanyang</div>
</li>
<li>
<i class="icon iconfont">󰄿</i>
<div class="name">删除</div>
<div class="code">&#xf013f;</div>
<div class="fontclass">.shanchu</div>
</li>
<li>
<i class="icon iconfont">󰅄</i>
<div class="name">收藏</div>
<div class="code">&#xf0144;</div>
<div class="fontclass">.shoucang</div>
</li>
<li>
<i class="icon iconfont">󰅊</i>
<div class="name">位置</div>
<div class="code">&#xf014a;</di