如何在 IconFont 上获取图标资源
阿里巴巴矢量图标库网站上提供了非常丰富的图标资源,包括 SVG、AI、PNG、字体图标等格式。使用该网站提供的图标,需要在该网站上注册账号并登录。
1 搜索图标
登录成功后,在首页的搜索框中搜索关键字,例如搜索一个手机的图标:
输入’mobile’ 后回车,可以看到搜索结果。可以在搜索结果上方选择色系、风格等,对结果进行过滤。
在前端开发实战中,最常使用的是 SVG、PNG、字体图标三种方式。使用 PNG 图标,找到对应的图标后,直接点击 ”PNG 下载“就行。下面着重谈谈使用 SVG 和字体图标。
2 使用 SVG 图标
找到要使用的图标,鼠标移上去会图标上的悬浮层出现三个按钮,点击最下面的下载按钮:
点击下载按钮后,会弹窗显示该图标的信息。