User Manual

Icon

When an icon is used completely seperatly, without any surrounding component, this component can be used to just visualise the icon. There are certain sizes prefined to scale the icon if needed.

Default


    
      

  

<span class="a-icon  icon-arrow-down"></span>



  

<span class="a-icon a-icon--1x-large icon-arrow-down"></span>



  

<span class="a-icon a-icon--2x-large icon-arrow-down"></span>



  

<span class="a-icon a-icon--3x-large icon-arrow-down"></span>



  

<span class="a-icon a-icon--4x-large icon-arrow-down"></span>



  

<span class="a-icon a-icon--5x-large icon-arrow-down"></span>

Modifiers

  • a-icon--1x-large

    Increase the icon size to 20px

  • a-icon--2x-large

    Increase the icon size to 24px

  • a-icon--3x-large

    Increase the icon size to 32px

  • a-icon--4x-large

    Increase the icon size to 80px

  • a-icon--5x-large

    Increase the icon size to 120px