简历或者网站的信息中需要建立小图标的时候有很多网站可以搜索，这里介绍一款阿里巴巴的小图标库

Iconfont-阿里巴巴矢量图标库​www.iconfont.cn

进入后可以通过git-hub注册后，就可以输入想要的小图标。

我查询了三个图标，分别是github，twitter，weibo，依次添加

查看购物车

点击后创建一个项目

点击这里生成代码

生成一个JS，复制到本地，类似这样。

右边有一个使用帮助。

这里需要用http协议打开，之前介绍过怎么使用http协议打开，见下面链接：

bomber：http-server介绍​zhuanlan.zhihu.com

点击使用帮助后

这里就差不多了。

但是需要注意一个问题：

当svg结束和a结束的时候如果有空格，并且此时display是inline，此时会产生一个下划线。可以看到github有一个空格，tuite没有空格。

解决这个问题只要把代码中的空格删除，或者把display设置为inline-block（推荐这个方法）就可以解决啦。

代码中的空格删除

svg和a标签结束的时候有空格，但是display修改为inline-block可以去掉下划线。可以看到高度也变高了。

另外 svg有特别的语法，跟CSS不同，颜色变成白色用的不是CSS中的color，而是SVG使用的fill。

SVG的MDN教程链接

SVG​developer.mozilla.org