---
title: "Icon"
slug: "icon"
updated: 2026-10-20T19:33:00Z
published: 2026-10-20T19:33:00Z
canonical: "docs.blackthorn.io/icon"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blackthorn.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Icon

Page Designer

The **Icon** component displays a single icon from the built-in icon library. Use it as a standalone visual accent, a status indicator, or a decorative element within a column.

### Settings

- **Icon**: select from the built-in icon picker
- **Icon Color**: color of the icon
- **Icon Size**: controls the display size
- **Background Color**: background behind the icon (e.g. a circle)
- **Transparent Background**: removes the background fill
- **Margin / Padding**: controls spacing

💡Use a large centered Icon at the top of a column to give each column in a multi-column section a distinct visual identity: much more scannable than text headers alone.