Axure RP 9基础教程（3）——添加图标元件

上一节我们学习了如何对一个矩形元件设置交互样式，我们完成了将元件设计为按钮，实现了鼠标悬停的交互样式和单击界面跳转的交互效果。

其实我们完全可以让我们设置的界面更加的美观。比如csdn的创作界面：
 我们可以看到，在每个热区上面，在文字上方都放置了一个图标，让我们的界面看起来不那么枯燥无趣，这些图标的来源就是元件库里面的元件。现在让我们来学习一下如何添加这种有趣的图标。

方法很简单，我们只需要做一下三个步骤：

1.进入矢量库；

2.下载svg格式矢量图标；

3.拖动到Axure并将svg格式转换为形状。

接下来我们具体操作一下。

首先，我们进入一个矢量图标网站，这里推荐阿里巴巴矢量库：iconfont-阿里巴巴矢量图标库

也可以直接百度搜索阿里巴巴矢量库就可以进入网站：

 在这个网站，有很多开源的图标供我们下载，比如我们现在就来画一下csdn的这个创作界面：

 我们观察发现我们需要的图标，有“撤销”、“重做”、“标题”、“加粗”、“背景”等等。那么我们直接在阿里巴巴矢量库里搜索这些关键词即可。

比如我们