Style Guide Menu

Icons


Available icons Back to top

Interactive icons

Icons that initiate a UI feature/functionality when users interact in a touch/click manner.

Informative icons

Icons to prompt and/or display informative text to users.

Store finder icons

Social platforms icons


Icon sizes Back to top

Large - 64px

<span class="icon icon-write-to-us icon-size-64"></span>

Medium - 32px

<span class="icon icon-write-to-us icon-size-32"></span>

Natural - 24px

<span class="icon icon-write-to-us icon-size-24"></span>

Minimum - 16px

<span class="icon icon-write-to-us icon-size-16"></span>

<p><a href="#" class="link-icon-left"><span class="icon icon-download"></span> Download PDF (5mb)</a></p>
<p><a href="#" class="link-icon-left"><span class="icon icon-twitter"></span> Tweet about this awesome style guide</a></p>
<p><a href="#" class="link-icon-right">Go to this page <span class="icon icon-forward-arrow"></span></a></p>