The icons in the UI-Toolkit are automatically generated from SVG files. These files are packaged up into a font that is then served directly to the browser via the UI-Toolkit CSS.
To render an icon, simply use the .icon class, along with the the class for the particular slug that you wish to render. For example, below, we render the Success icon using the .icon-success class.
<!-- Example icon -->
<span class="icon"></span>
We have a wide variety of icons available:
Note that because these icons are rendered as characters in a font, you may style them however you wish using CSS.
<span class="icon" style="color: green; font-size: 2em;"></span>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.