> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/theme-blocks/basic/icon.md).

# Icon

A single icon from the theme library, or your own uploaded SVG.

| Setting              | Description                                                                                                                                                                                                                                |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Source               | **Library** (built-in icons) or **Custom** (upload your own).                                                                                                                                                                              |
| Icon                 | Choose from the library, grouped as **Basic**, **Emoji**, **Other**, **Payment & security**, **Shapes**, **Shipping**, **Shopping**, **Social media**, and **Trust**. **Shapes** holds solid marks — Circle, Diamond, Sparkle, and Square. |
| Custom icon          | Uploaded icon, when Source is Custom.                                                                                                                                                                                                      |
| Link                 | Wrap the icon in a link.                                                                                                                                                                                                                   |
| Open link in new tab | Opens the link in a new browser tab.                                                                                                                                                                                                       |
| Icon width           | Size of the icon, from **6px** up to **200px** — small enough to sit beside text as a mark. Turn on **Custom for mobile** to set **Width (mobile)** separately.                                                                            |
| Icon padding         | Inner spacing around the icon (useful with a background or border).                                                                                                                                                                        |
| Border thickness     | Width of the icon's border.                                                                                                                                                                                                                |
| Corner radius        | Corner rounding: Inherit, Square, Rounded, Full, or Custom.                                                                                                                                                                                |
| Shadow               | Drop-shadow depth: None → Large.                                                                                                                                                                                                           |
| Color                | **Inherit** the section's color scheme, or apply a separate **Color scheme**.                                                                                                                                                              |
| Animation            | Entrance effect (Fade, Scale, Slide from left / right / bottom) played on scroll, with an optional **Delay**.                                                                                                                              |
| Padding              | Outer spacing: top / bottom, with independent mobile values via **Custom for mobile**.                                                                                                                                                     |

***

{% hint style="info" icon="headset" %}
**Need help?**

Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.

<a href="https://go.crisp.chat/chat/embed/?website_id=6c25581e-794a-41b4-8552-52f3de1dd1f7" class="button secondary" data-icon="comments">Chat with us</a> <a href="https://modutheme.ticksy.com" class="button primary" data-icon="ticket">Submit a ticket</a>
{% endhint %}