Animatie Omschrijving
Draaien Het icoon draait continu rond
Pulseren Het icoon draait in stappen (acht stappen per ronde)
Stuiteren Het icoon stuitert op en neer

Met het Icoon block plaats je een los icoon op een pagina. Je kiest het icoon, de kleur, grootte en optionele animatie. Het icoon kan ook klikbaar worden gemaakt als link.

Zoek in de blokken-editor op “Icon” en voeg het block toe aan de pagina.

Kies een icoon uit de Iconify-bibliotheek. Standaard is dit een vraagteken (fas:question-circle).

Schakel Iconen stapelen in om twee iconen over elkaar heen te leggen. Er verschijnt een extra veld Achterste icoon voor het icoon dat op de achtergrond wordt geplaatst. Standaard is dit een vierkant (fas:square).

Vul optioneel een Link in om het icoon klikbaar te maken.

Stel de kleur van het icoon in. Standaard is dit bijna zwart (#0a0a0a). Bij gestapelde iconen stel je via Kleur achterste icoon ook de kleur van het achterste icoon afzonderlijk in.

Schakel Wissel opacity in om de transparantie van de voor- en achterlaag om te draaien. Dit is alleen van toepassing op Font Awesome Duotone-iconen.

Kies de grootte van het icoon: XS, SM, LG, 2X t/m 10X.

Spiegelhet icoon horizontaal, verticaal, of beide tegelijk.

Draai het icoon in stappen van 90°: 0°, 90°, 180° of 270°.

Geef het icoon een doorlopende animatie: