在 IconFont 上获取图标资源的方法与感悟

如何在 IconFont 上获取图标资源

阿里巴巴矢量图标库网站上提供了非常丰富的图标资源，包括 SVG、AI、PNG、字体图标等格式。使用该网站提供的图标，需要在该网站上注册账号并登录。

1 搜索图标

登录成功后，在首页的搜索框中搜索关键字，例如搜索一个手机的图标：

输入’mobile’ 后回车，可以看到搜索结果。可以在搜索结果上方选择色系、风格等，对结果进行过滤。

在前端开发实战中，最常使用的是 SVG、PNG、字体图标三种方式。使用 PNG 图标，找到对应的图标后，直接点击 ”PNG 下载“就行。下面着重谈谈使用 SVG 和字体图标。

2 使用 SVG 图标

找到要使用的图标，鼠标移上去会图标上的悬浮层出现三个按钮，点击最下面的下载按钮：

点击下载按钮后，会弹窗显示该图标的信息。