阿里巴巴图标Iconfont,阿里巴巴矢量图标库

阿里巴巴还是有不少不错的网站,比如这个阿里巴巴矢量图标库Iconfont。Iconfont可以说是国产最大的矢量字体图标库了,网站没有多余的内容,打开搜索即可找到自己需要的图标,使用也是免费的。就像571分享家栏目上的小图标,就是使用的阿里巴巴矢量图标库Iconfont。

阿里巴巴图标Iconfont,阿里巴巴矢量图标库

Iconfont地址:点此进入

→ 点此获取正规游戏试玩赚钱软件~

阿里巴巴图标Iconfont使用方法

1、打开网站输入自己需要搜索的图标关键字。

2、下载矢量图:选择图标,可以直接下载为png、SVG矢量图标。

3、下载字体图标:添加购物车,保存到自己的项目内,进入项目后可以打包下载为字体图标。

以网站为例,我们使用阿里巴巴矢量图标库Iconfont的小图标,需要先搜索想要的图标,然后添加购物车,保存到自己的项目内

阿里巴巴图标Iconfont,阿里巴巴矢量图标库

可以选择多个,需要的都添加到购物车,然后点击添加至项目。

阿里巴巴图标Iconfont,阿里巴巴矢量图标库

进入资源管理,找到添加的库,点击生成代码

阿里巴巴图标Iconfont,阿里巴巴矢量图标库

生成代码以后,会得到一段地址,复制这一段内容,然后在自己的网站引入。

使用的时候,使用代码<svg class="icon" aria-hidden="true"><use xlink:href="#图标名称"></use></svg>插入即可,图标名称可以在你的仓库找到图标点击复制代码即可。

阿里巴巴图标Iconfont,阿里巴巴矢量图标库

这样就可以插入想要的小图标了。

游乐星球 点此下载

相关推荐