<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 这个图标库的方便之处在于可以在搜索框中搜索自己想用的图标，然后使用 -->
<style>
/*本句css代码为通用代码，只需在style中书写一次*/
.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
<!-- 链接Font class网址 这个css链接只适用于没有颜色的图标，每次添加一个新图标会有新代码来袭，
点击更新代码，获取新的链接，将下面的旧链接改为新链接即可， 大家可能会感觉加一个图标更新一次链接
会很麻烦，所以你可以把自己想用的图标都先添加至购物车，然后一起添加至至项目，然后再用更新链接代替下方
链接即可，所有图标复制图标代码即可以使用-->
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2005381_uy4sxephm07.css">
</head>
<body>
<!--无色图标专用标签i标签，每次使用一个图标都要写一次，在class中打出iconfont再打一个空格，放入无
色图标代码即可 可以通过font-size来调图标的大小-->
<i class="iconfont iconyiyuan" style="font-size:50px;"></i>
<!-- 有色图标专用标签，每次使用一个图标都要写一次，只需将有色图标代码放在#号后面即可 同样可以使用
font-size来调图标大小-->
<svg class="icon" aria-hidden="true" style="font-size: 70px;">
<use xlink:href="#iconyiyuan-copy"></use>
</svg>
<svg class="icon" aria-hidden="true" style="font-size: 100px;">
<use xlink:href="#iconyiyuan-copy-copy"></use>
</svg>
</body>
<!-- 要想使用有颜色的图标必须使用此链接 链接为Symbol中的js链接网址，使用方法和上方的css链接
使用方法相同-->
<script src="http://at.alicdn.com/t/font_2005381_iq64l6e9cy.js"></script>
</html>
效果图如下：
在掘金存干货的第一天
