Icons

All icons will be added inside a <i> tag with classes icon and icon--{xs|sm|md|lg|xl} for sizes.

Sizes
Buttons and icons

If you are using an icon inside a button you have to add the spacing class specific to the button size, this is done to have icon and text aligned properly.

.icon--mg-{xs|sm|md|lg|xl}