# How do I add a custom icon?

Foxify includes a large built-in icon library, but you can also upload your own SVG icons — useful for brand marks, custom badges, or icons the built-in library doesn't cover.

## Use a built-in icon

1. Select the element with an icon field (e.g. a Button) and click **Select icon** in the Inspector panel.
2. In the picker, choose a **Library** and **Style** from the dropdowns, then search or browse for an icon.
3. Click **Select** to apply it.

## Upload your own icon

<Hint type="info">
  Files must be in .svg format.
</Hint>

1. Open the icon picker the same way as above.
2. Click the Upload tile at the top of the icon grid and choose your SVG file.
3. Once uploaded, it's applied to the element and saved to your library for reuse on other elements.

![](https://docs-assets.foxecom.app/faqs-and-troubleshooting/5a783ed8-887f-4920-9fc2-4b7732f2791c.png)

Prefer to stock up ahead of time? Go to **Settings** > **Your library** > **Uploaded icons** and upload your SVG files there — they'll show up in the picker whenever you need them.

![](https://docs-assets.foxecom.app/faqs-and-troubleshooting/7ac7eaac-bab8-4c04-8e98-91af75ac3ad7.png)