日常工具--iconfont 阿里巴巴矢量图标库

862 阅读1分钟

设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。

使用方法:

1、官网链接:

  http://www.iconfont.cn/

2、搜索想要的图标

3、选择添加入库

在这里可以找到已添加的图标
3、新建项目名

4、选择symbol,生成在线链接

5、把生成的js引入进去,并添加一段css代码

 <style type="text/css">
 .icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}

6、挑选相应图标并获取类名,应用于页面

7、使用帮助里还有其他使用方法,可按自己需求使用不同的方法