前端开发利器

icon图标生成

favicon-generator

在线生成文本icon图标。

自制字体图标

第一步：制作或从Iconfont-阿里巴巴矢量图标库下载需要的矢量icon的svg格式（如：可以把png格式的图片转化为svg）。
第二步：将svg导入在线转换网址并生成font。
第三步：写less（或者css），定义这些icon的样式。
第四步：在页面中引入css样式定义，并应用字体图标：

<span className="fa fa-home"></span>
/**更改大小和颜色**/
<span className="fa fa-home" style="font-size:30;color: blue"></span>

参考：三分钟教会你自制 iconFont 字体图标库