# 使用矢量图标



Quicker内置了正版的著名专业图标库 [Font Awesome](https://fontawesome.com/icons) Pro版本，你可以使用4种风格共7000多个图标。

使用矢量图标有如下的优点：

- 任意修改图标颜色。
- 可以在外观中统一自定义图标的颜色，从而保持界面风格的一致性。
- 缩放到任意尺寸仍然保持清晰。
- 减少到处搜寻图标的麻烦。

![image.png](https://cdn.nlark.com/yuque/0/2020/png/272392/1587006992964-f4cf81c6-cb24-4591-bbbc-f77230fa9a80.png#averageHue=%23707d2c&height=465&id=S3xgD&originHeight=929&originWidth=983&originalType=binary&ratio=1&rotation=0&showTitle=false&size=120486&status=done&style=none&title=&width=491.5)

<a name="8RyvI"></a>
# 为动作设置矢量图标
在创建或编辑动作时，可以选择使用矢量图标：<br />![image.png](https://cdn.nlark.com/yuque/0/2020/png/272392/1587007316332-20d26f70-8187-475f-a3b1-ef14b3a1d93b.png#averageHue=%23e5b687&height=232&id=bzXQq&originHeight=463&originWidth=476&originalType=binary&ratio=1&rotation=0&showTitle=false&size=33835&status=done&style=none&title=&width=238)<br />点击 ![image.png](https://cdn.nlark.com/yuque/0/2020/png/272392/1587007446606-fbaa194a-675a-4804-b7bf-682cd1be422f.png#averageHue=%23e1e2e4&height=19&id=ljs1f&originHeight=37&originWidth=25&originalType=binary&ratio=1&rotation=0&showTitle=false&size=555&status=done&style=none&title=&width=12.5) 可以从图标库中选择图标。<br />![image.png](https://cdn.nlark.com/yuque/0/2020/png/272392/1587007600742-3fbe7d41-adc7-41ba-8aaa-e407e7fbd59f.png#averageHue=%23fcfcfc&height=445&id=ezlw9&originHeight=890&originWidth=730&originalType=binary&ratio=1&rotation=0&showTitle=false&size=94464&status=done&style=none&title=&width=365)<br />可以使用图标名搜索图标。图标名的格式为：**风格_名称**。 风格为Light/Regular/Solid/Brands四个单词中的一个，名称通常为英文单词。你也可以在FontAwesome的网页中搜索图标：[https://fontawesome.com/icons](https://fontawesome.com/icons?d=gallery)，只是需要注意，Quicker中的图标名和网页里图标名的格式不同。

点击 ![image.png](https://cdn.nlark.com/yuque/0/2020/png/272392/1587007931743-d2a21c51-90d7-4ae6-aa8b-af7ccc829198.png#averageHue=%23dddfe1&height=14&id=WsKJC&originHeight=27&originWidth=27&originalType=binary&ratio=1&rotation=0&showTitle=false&size=689&status=done&style=none&title=&width=13.5) 可以自定义图标颜色。点击![image.png](https://cdn.nlark.com/yuque/0/2020/png/272392/1587007981767-2b75ea88-5d53-488c-a9f8-31d0ce758d32.png#averageHue=%23e1e2e4&height=15&id=Pj2Lh&originHeight=29&originWidth=38&originalType=binary&ratio=1&rotation=0&showTitle=false&size=646&status=done&style=none&title=&width=19)可以设置图标使用外观中定义的统一颜色。

<a name="nOBFb"></a>
# 批量设置动作图标
基本操作过程：

- 钉住面板窗口；
- 锁定到要设置图标的动作页；
- 点击腰栏的工具箱按钮，选择“图标库”菜单。
- 打开图标选择窗口，拖放图标到面板窗口的动作上即可。
- 也可以从图标选择窗口拖放到“应用程序设置”窗口的动作按钮上。

![批量设置图标.gif](https://cdn.nlark.com/yuque/0/2020/gif/272392/1586945070452-2f6be3ef-f659-4a6a-8569-de24e84e299e.gif#averageHue=%235c9b5d&height=477&id=h0BwA&originHeight=924&originWidth=968&originalType=binary&ratio=1&rotation=0&showTitle=false&size=331518&status=done&style=none&title=&width=500)

<a name="v8n3p"></a>
# 在外观中设置图标颜色
在 设置窗口->外观->矢量图标色 参数中选择图标颜色即可。 选择过程中可以预览图标颜色。<br />![外观中的图标颜色.gif](https://cdn.nlark.com/yuque/0/2020/gif/272392/1587008433196-64a53aa0-a25e-4ac2-8d29-2c0bb8001385.gif#averageHue=%23f8f8f8&height=534&id=UjAXG&originHeight=938&originWidth=1310&originalType=binary&ratio=1&rotation=0&showTitle=false&size=424343&status=done&style=none&title=&width=746)

<a name="j5Nl8"></a>
# 使用外部svg图标文件
在资源管理器中复制svg文件后，在动作上右键粘贴图标即可。

推荐下载图标的网址：

- [https://icones.js.org/](https://icones.js.org/)
- [https://iconpark.oceanengine.com/official](https://iconpark.oceanengine.com/official)


注：svg文件限制大小为3k。iconfont.cn中下载的svg大部分是通过位图转换得到的，比较大，不可以直接使用。可使用此动作查找可用的svg图标：[https://getquicker.net/sharedaction?code=c4cc8d9d-8775-42e4-af08-08d867262e28](https://getquicker.net/sharedaction?code=c4cc8d9d-8775-42e4-af08-08d867262e28)