SVG图标使用

在网页设计中，经常会用掉SVG图标，或者自己画或者别人画，画好的SVG该如何使用，本文对此做点使用介绍

首先这里需要借助第三方图标库icomoon

1.点击进入IcoMoon App

2.点击import icons上传本地.svg文件

3.上传后如下图显示

4.shift+鼠标左键选中上传的图标，点击右下角Generate Font

5.显示如下图，记住图标对应的类名,然后点击右下角download下载到本地

类名使用的时候需要icon-add_circle    
<span class='icon-add_circle'></span>

6.把下载下来的font和style.css拷贝到项目目录下

7.使用方式如下，直接引入css文件，用color和font-size改变颜色和大小

<!DOCTYPE html>

Document

2016-12-09