Axure中SVG矢量图标的使用方法

我们经常需要在原型中使用各种各样的图标，所以往往需要大量的图标素材。并且，为了保证图标缩放不失真，这些素材最好是矢量图。刚好最新的Axure RP 8.0版本支持导入SVG矢量图，可以直接把SVG导入到原型中。

那么，这里就给大家推荐一个SVG图标资源库。

地址：iconfont-阿里巴巴矢量图标库

这是阿里巴巴的矢量图标库，可以使用新浪微博账号和Github账号登录，登录之后才能够下载图标文件。该图库支持导出SVG，AI，PNG三种格式的文件。

大家在查找图标的时候，可以使用阿里巴巴图标资源库的搜索功能，来搜索心仪的图标。

找到图标之后，我们就可以下载图标了。

点击最下方的橘红色下载按钮，这个时候就弹出了下载界面。

在这个界面中，我们可以调整颜色，选择下载的图标文件格式。

这里我们选择【SVG下载】。

下载下来的图标，可以拖入AxureRP8的画布中，或者在画布中放入图片元件后，双击图片元件导入下载下来的图标。

不过，这个时候的图标在Axure中还不能编辑颜色。

我们需要点中图标，然后在属性中选择【转换SVG图片为形状】。（如果没有这个选项，请升级软件到最新；如果未汉化，请在顶部导航菜单中下载本站的最新版汉化包。）

 

将图片转换为形状之后，我们就可以为图标编辑颜色，不但能够编辑单色，而且可以编辑渐变色。

以上就是为大家推荐的阿里巴巴矢量图标库和图标的使用方法，希望为大家的工作学习带来帮助！