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

# Icons

> Icons für Elemente innerhalb eines Blocks auswählen.

## Überblick

Bei einigen Blöcken können Sie zusätzlich zum Text ein Icon einfügen – z. B. bei [Benefits](/convert/landing-page-editor/benefits), [Contact](/convert/landing-page-editor/contact) oder [Trust Block](/convert/landing-page-editor/trust-block).

***

## Icon-Bibliotheken

Es stehen drei Bibliotheken zur Auswahl: zwei externe (**Phosphor**, **Material**) und eine eigene Bibliothek von **osiro**.

<div style={{display: 'flex', gap: '1rem', flexWrap: 'wrap'}}>
  <img src="https://mintcdn.com/osiro/8uuFgku5QwsbtjlT/images/convert/landing-page-editor/element-config/icons_1.png?fit=max&auto=format&n=8uuFgku5QwsbtjlT&q=85&s=3ffc120ab82e2af0d622d9f5f2d6ae65" style={{maxWidth: '280px'}} width="888" height="930" data-path="images/convert/landing-page-editor/element-config/icons_1.png" />

  <img src="https://mintcdn.com/osiro/8uuFgku5QwsbtjlT/images/convert/landing-page-editor/element-config/icons_2.png?fit=max&auto=format&n=8uuFgku5QwsbtjlT&q=85&s=41d7839122c77eb2d209e97cb675421d" style={{maxWidth: '280px'}} width="888" height="930" data-path="images/convert/landing-page-editor/element-config/icons_2.png" />

  <img src="https://mintcdn.com/osiro/8uuFgku5QwsbtjlT/images/convert/landing-page-editor/element-config/icons_osiro.png?fit=max&auto=format&n=8uuFgku5QwsbtjlT&q=85&s=f1bd03faed650e98ee02410aed0e52dd" style={{maxWidth: '280px'}} width="888" height="930" data-path="images/convert/landing-page-editor/element-config/icons_osiro.png" />
</div>

***

## Farbe

Oben rechts im Icon-Auswahlfenster legen Sie die Farbe des Icons fest.