1.4 #Atoms.Icons Icons

Toggle example guides Toggle HTML markup

Custom icons to be used across the application

Examples
Default styling
.Icon--inverted
inverted color
.Icon--small
small size
.Icon--large
large size
Markup
<div style="padding: 10px; background-color: #d6d6d6;">
<div class="Icon Icon--social-facebook [modifier class]"></div>
</div>
Source: components/atoms/icon.less, line 1