---
order: 3
navTitle: 图标
---
# SuperPage组件-图标

SuperPage提供了图标组件，用来显示系统自带的、用户上传的或者使用URL的图标：
![图标](./images/icon1.gif)
示例地址：[图标](https://demo.succbi.com/v5/demo-spg/%E5%9B%BE%E6%A0%87)

## 使用图标{#use}

使用图标组件可以按照需要选择相应的图标，并且可以自定义图标的颜色和大小：
![使用图标](./images/icon2.gif)

1. **拖入图标组件**：将**组件>常用>图标**拖入到目标面板中
2. **选择图标并自定义图标的颜色和大小**：在**图标>基本>图标**中分别设置

## 图标来源{#source}

SuperPage提供了**图标库**、**对象内图标**、**主题图标**和**URL**四种可选来源，可以参考SuperPage[图片来源](./image.md#source)文档中的**静态图片**和**路径**。