阿里矢量字体图标库是国内功能强大且图标内容丰富的矢量图标库， 可以下载SVG， PNG， AI等格式的图标， 还可以生成自定义的字体图标， 极大的方便了UI设计人员及前端开发人员对图标素材的使用 。 接下来通过两个常见的问题， 为大家分享如何使用阿里图标库：1、如何下载PNG/SVG/AI等格式的图标？2、如何生成自定义字体图标？若何下载PNG/SVG/AI等格局的图标？1打开百度， 搜刮“iconfont”或“阿里图标库”， 点击进入官网 。
文章插图
2进入官网后， 可以在搜刮框中输入关头字搜刮想要的图标， 也可以点击下方已有的字体图标库， 选择一套本身喜好的图标库 。
文章插图
文章插图
3单个图标下载：
1、在图标列表中， 将鼠标放在图标上， 会显示“下载”图标， 点击“下载”
2、在弹窗中选择想要的格局下载 。 若未登录会显示登录弹窗， 登录后下载即可 。
文章插图
文章插图
文章插图
4批量图标下载：
1、将鼠标放在图标上， 点击“添插手库”按钮， 将喜好的图标插手购物车中；
2、点击右上角购物车图标；
3、在睁开的侧栏中点击“下载素材”；
【阿里图标库怎么使用】4、点击所需要的格局按钮， 下载即可 。
文章插图
文章插图
文章插图
文章插图
若何生当作自界说字体图标库？1点击右上角的“上传”按钮， 选择当地.svg格局的图标， 点击提交 。
（上传页下方有矢量图文件建造要求， 为包管图标能生当作当作功， 建造前必然要看下相关要求哦 。 ）
文章插图
文章插图
文章插图
2设置并保留， 即可将svg文件生当作为字体图标 。
字体图标生当作当作功后若何在前端项目中利用呢， 官方供给了两种方式：
1、下载至当地；
2、生当作在线链接 。
文章插图
文章插图
3下载至当地：
点击“下载至当地”按钮， 将下载的文件解压后， 打开demo_index.html文件， 页面显示了具体引用
， 按要求把相关代码引入项目里就可以利用了 。
文章插图
文章插图
4生当作在线链接：
点击“查看在线链接”， 直接将生当作的代码复制到项目中即可利用 。
以上， 但愿能帮到大师~
推荐阅读
- windows10系统中如何更改文件夹图标
- 一键修复桌面图标蓝底
- [青茶]阿里山珠露茶
- 魔兽世界9.0怎么使用技能数据库
- 魔兽世界9.0技能数据库怎么用
- 魔兽世界9.0怎么查询技能数据库
- Manjaro怎么调整桌面图标排列方向
- 库瓦斯犬生活习惯
- 库瓦斯犬不能吃什么
- 库瓦斯犬吃多了拉稀怎么办