阿里巴巴还是有不少不错的网站,比如这个阿里巴巴矢量图标库Iconfont。Iconfont可以说是国产最大的矢量字体图标库了,网站没有多余的内容,打开搜索即可找到自己需要的图标,使用也是免费的。就像571分享家栏目上的小图标,就是使用的阿里巴巴矢量图标库Iconfont。
Iconfont地址:点此进入
阿里巴巴图标Iconfont使用方法:
1、打开网站输入自己需要搜索的图标关键字。
2、下载矢量图:选择图标,可以直接下载为png、SVG矢量图标。
3、下载字体图标:添加购物车,保存到自己的项目内,进入项目后可以打包下载为字体图标。
以网站为例,我们使用阿里巴巴矢量图标库Iconfont的小图标,需要先搜索想要的图标,然后添加购物车,保存到自己的项目内
可以选择多个,需要的都添加到购物车,然后点击添加至项目。
进入资源管理,找到添加的库,点击生成代码
生成代码以后,会得到一段地址,复制这一段内容,然后在自己的网站引入。
使用的时候,使用代码<svg class="icon" aria-hidden="true"><use xlink:href="#图标名称"></use></svg>插入即可,图标名称可以在你的仓库找到图标点击复制代码即可。
这样就可以插入想要的小图标了。
