General Icons
General icons via the Bluebeam Icon Font made with IcoMoon. Font Family name is “bluebeam-icons”.
.icon--angleRightCircle
\e900
icon--checkCircle
\e901
icon--arrowDropDown
\e5c5
icon--arrowDropUp
\e5c7
icon--block
\e14b
icon--calendar
\e916
icon--check
\e5ca
icon--close
\e5cd
icon--errorCircle
\e001
icon--arrowUp
\e5ce
icon--arrowDown
\e5cf
icon--infoCircle
\e88f
icon--arrowLeft
\e408
icon--arrowRight
\e409
icon--playCircle
\e039
icon--cart
\e8cc
icon--search
\e8b6
icon--mail
\f003
icon--facebook
\f09a
icon--instagram
\f16d
icon--linkedin
\f0e1
icon--twitter
\f099
icon--vine
\f1ca
icon--youtube
\f16a
Simple Usage:
Add a size modifier to change the size of the icon.
You may also use the font size utility classes such as u-txtLarge.
Easily customize appearence with utility classes.
<p>Simple Usage:</p>
<i class="icon icon--playCircle" aria-hidden="true"></i>
<hr class="rule u-my4">
<p>Add a size modifier to change the size of the icon.</p>
<p>You may also use the font size utility classes such as <code>u-txtLarge</code>.</p>
<i class="icon icon--playCircle icon--sm" aria-hidden="true"></i>
<i class="icon icon--playCircle icon--lg" aria-hidden="true"></i>
<i class="icon icon--playCircle icon--xl" aria-hidden="true"></i>
<i class="icon icon--playCircle icon--xxl" aria-hidden="true"></i>
<hr class="rule u-my4">
<p>Easily customize appearence with utility classes.</p>
<i class="icon icon--playCircle icon--xl u-colorPrimary" aria-hidden="true"></i>
<i class="icon icon--playCircle icon--xxl u-colorPrimary u-txtShadow2 u-opacity50 u-hoverGlow" aria-hidden="true"></i>