# Icons

> Integrate visual icons from well-known libraries to enrich your documentation.

Source: https://docs.doccupine.com/icons

> For the complete documentation index, see [llms.txt](https://docs.doccupine.com/llms.txt).

# Icons

Integrate visual icons from well-known libraries to enrich your documentation.

Icons can be sourced from Lucide, SVG elements, external URLs, or local files within your project directory.

<Icon name="flag" size={32} />

```html
<Icon name="flag" size={32} />
```

## Inline icons

You can use icons directly within text to highlight information or add visual context.

<Icon name="flag" size={16} /> Build your documentation seamlessly.

```html
<Icon name="flag" size={16} /> Build your documentation seamlessly.
```

## Properties

<Field value="name" type="string" required>
  The icon to display.
</Field>

- [**Lucide icon**](https://lucide.dev/icons) name

<Field value="size" type="number">
  The size of the icon in pixels.
</Field>

<Field value="color" type="string">
  The color of the icon as a hex code (for example, `#FF5733`).
</Field>