Icon Component 🎉

.c-icon[.-pharma4u, .-medicheck,.-forum,.-stex,.-webinare,.-databases,.-taxikon]

hide code

<span class="c-icon -pharma4u"></span>
<span class="c-icon -apotermin"></span>
<span class="c-icon -medicheck"></span>
<span class="c-icon -forum"></span>
<span class="c-icon -stex"></span>
<span class="c-icon -webinare"></span>
<span class="c-icon -databases"></span>
<span class="c-icon -taxikon"></span>

Social Icons

.c-icon[.-email,.-facebook,.-twitter,.-instagram]

hide code

<span class="c-icon -email"></span>
<span class="c-icon -facebook"></span>
<span class="c-icon -twitter"></span>
<span class="c-icon -instagram"></span>

Modifiers

.-large

hide code

<span class="c-icon -email -large"></span>

.-medium

hide code

<span class="c-icon -facebook -medium"></span>

.-small

hide code

<span class="c-icon -twitter -small"></span>

Hover Arrow Animation

.-icon-hover-arrow > .c-icon.-forum.-icon-arrow

hide code

<div class="-icon-hover-arrow">
    <span class="c-icon -forum m-r-m -icon-right -icon-arrow"></span>
</div>