今天我来分享一下怎么做那种小图标，就是icon格式的。之前我一直想搞明白这个，今天终于搞定！

准备工作

你得有个地方找图标素材。我一般都去阿里巴巴的那个矢量图标库，叫啥*的，上面图标挺多的。

找到你喜欢的图标后，记得下载SVG格式的！这个很重要，我一开始不知道，下别的格式，折腾半天。

开始制作

然后，我找到一个叫iconmoon的网站，感觉挺好用的。打开这个网站，你会看到一个操作界面，反正我是第一次用，有点懵，不过瞎点点就明白。

我先是把自己下载的SVG格式图标给导入进去。具体咋导入，就是在网站上找那个“Import Icons”按钮，点一下，然后选中你下载的SVG文件就行。

调整和生成

导入之后，你可以看到你选的那些图标都显示出来。这时候，你可以对它们进行一些调整，比如改改颜色、大小啥的（虽然我一般不改）。

重点来！你要选中你想生成的所有图标，然后在网站上找到一个叫“Generate Font”或者“Generate XXX”之类的按钮（具体叫啥我忘，反正意思差不多），点一下！

然后，它就会帮你把这些图标打包成一个字体文件一样的东西，你可以下载下来。

一步：大功告成

下载下来的文件里，一般会有个demo之类的HTML文件，你打开看看，里面有教你怎么用这些图标。我一般就是把那个CSS文件复制到我的项目里，然后按照demo里面的写法，在HTML里用<i>标签，加上对应的class，就能显示出图标！

是不是很简单？反正我今天是搞明白，以后再也不用为做小图标发愁！