Section 6 #Icons
Icons

All platform icons have a prefix of pi and are house in the <i> element tag. Click the button below the icon to copy to clipboard.

<i class="pi-arrow-right"></i> produces:

Example:

Markup:

<iframe src="platform-icons.html" width="100%" height="5000px" style="border: none"></iframe>
Source: sass/_icons.scss, line 1

Section 6.1 #Icons.setup
Setup

source default
artboard 4" x 4"
stroke: main 24pt
stroke: auxiliary* 18pt
stroke: corner .15"
stroke: join round
NOTE: Rememeber to expand to outlines before committing.
Source: sass/_icons.scss, line 12

Section 6.2 #Icons.Sizing
Sizing

class size
pi-sm 75%
pi-lg 150%
pi-xl 2rem
pi-xxl 3rem
Source: sass/_icons.scss, line 27