# Ikon elem

> Az Ikon elem beállításai és a harmonikában (Accordion) használható ikonállapotok.

Az **Ikon** elem ikont jelenít meg az elérhető ikontárakból, vagy saját SVG-ikont.

![Az Ikon elem beállításai a szerkesztő bal oldali paneljén](./kepek/elemek-icon.webp)

*Az Ikon elem beállításai a szerkesztő bal oldali paneljén* (https://minta-bolt.hu/elemek/?bricks=run)

A képen az **Ikon** választó és a **Link** beállítás látszik. Az elem alapértelmezett ikonja csillag.

## Beállítások

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Ikon** | Az ikon kiválasztása az ikontárakból (Themify, Font Awesome, Ionicons és más), vagy saját SVG. | Themify `ti-star` |
| Szín | Az ikon színe. Az ikonbetűtípusra és az SVG kitöltésére is vonatkozik. | Nincs |
| Méret | Az ikon mérete (a `font-size` tulajdonsággal), mértékegységgel. | Nincs |
| **Link** | Kattinthatóvá teszi az ikont. | Nincs link |

A szín és a méret a **Stílus** fülön állítható.

## Ikon a harmonikában

Ha az ikon egy **Harmonika (Beágyazható elemek)** elem fejlécén belül van, további beállítások jelennek meg:

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Harmonika ikon | Bekapcsolja a harmonikaspecifikus viselkedést az ikonnál. | Ki |
| Megjelenítés | Az ikon láthatósága a harmonika állapotától függően: csak összecsukva (`collapsed`) vagy csak kinyitva (`expanded`). | Mindig látható |
| Átalakítás (kinyitva) | CSS-átalakítás, amely kinyitott állapotban érvényes. | Az ikon 90 fokkal elfordul |

Ha az összecsukott és a kinyitott állapothoz más ikont szeretnél, duplikáld az ikon elemet, és állítsd be mindkettőnél a másik állapotot.