# Icon

Componente Icone | Phoenix Docs

Guida all’utilizzo del componente Icone in Phoenix: selezione, personalizzazione e gestione di icone tramite BetterIcons per contenuti editoriali automotive.

Testo Primario

Componente Icona

Il componente Icona consente di inserire elementi visivi leggeri e coerenti all’interno delle pagine Phoenix, utilizzando il picker BetterIcons integrato in Umbraco.
<br><br>
BetterIcons mette a disposizione oltre 200.000 icone provenienti da librerie diffuse come Material Design Icons, Font Awesome, Bootstrap Icons, Heroicons e molte altre.
<br><br>
Il componente può essere utilizzato per rafforzare contenuti editoriali, evidenziare servizi, creare liste di vantaggi o rendere più leggibili sezioni informative.

Come utilizzarlo

- Aggiungi il componente **Icona Custom** nel punto desiderato della pagina.
- Apri il campo icona.
- Cerca l’icona tramite parola chiave.
- Seleziona l’icona desiderata tra i risultati.
- Modifica il colore tramite il color picker.
- Scegli la dimensione dell’icona.
- Salva e pubblica la pagina.

**+ 200.000 icone disponibili su Phoenix**

![better-icons.gif](https://phoenix.smilenet.it/media/4kxldjx5/better-icons.gif)

Stavi cercando qualcos'altro?

- Docs

minimal

- Docs

Icon

![iconacustom.jpg](https://phoenix.smilenet.it/media/ejzfjz0l/iconacustom.jpg)

- Componenti
- Card
- Icon