axure 元件添加快捷操作：实践干货 Axure插入图标的4种办法

axure 元件添加快捷操作：实践干货 Axure插入图标的4种办法Fontawesome也是一种不错的方式，但是对一些电脑的环境有很高的要求，同时也有很多不可控的因素。如果不怕折腾和麻烦，采用这种方式也是可以的，因为本质上icon其实就是一种特殊类型的字体，只要能把字体包的问题给解决了，也就可以解决不同机器的环境问题了。上面一共介绍了四种引入图标的方式，我个人最推荐的方式是第四种，只要理解了背后的一些原理，基本上想引入什么图标都可以用不同的方式完成。最后将下载下来的SVG文件拖拽进入到Axure中，再转SVG为形状格式，就可以自己上色，改大小了。其他的框架的icon引入方式以此类推，只要找到本地的字体包，然后用百度字体编辑器打开，再将字体包的内容导出为SVG就可以了。

然后搜索「百度字体编辑器」，进入之后，选择打开刚刚拿到的字体包。

接着找到你想要的字体，然后选择导出，选择下载SVG文件即可。

最后将下载下来的SVG文件拖拽进入到Axure中，再转SVG为形状格式，就可以自己上色，改大小了。

其他的框架的icon引入方式以此类推，只要找到本地的字体包，然后用百度字体编辑器打开，再将字体包的内容导出为SVG就可以了。

总结

上面一共介绍了四种引入图标的方式，我个人最推荐的方式是第四种，只要理解了背后的一些原理，基本上想引入什么图标都可以用不同的方式完成。

Fontawesome也是一种不错的方式，但是对一些电脑的环境有很高的要求，同时也有很多不可控的因素。如果不怕折腾和麻烦，采用这种方式也是可以的，因为本质上icon其实就是一种特殊类型的字体，只要能把字体包的问题给解决了，也就可以解决不同机器的环境问题了。

鉴于本人才疏学浅，本文介绍的内容可能有所遗漏。如果大家还有什么其他的引入方式，欢迎在留言区交流，本文到此结束。

#专栏作家#

vitamin，皮酱叨逼叨。人人都是产品经理专栏作家，公众号运营小白，初中级B端产品一枚（一年开发经验 三年产品经验）。主导过在线教育类产品，目前是跨境电商供应链仓储物流产品一枚，欢迎勾搭，一同学习。

本文原创发布于人人都是产品经理，未经作者许可，禁止转载

题图来自unsplash，基于CC0协议