DSU Icon Libraries

Font Awesome

Font awesome is a free, open-source icon library that we use on our website. Detailed examples and documentation can be found on their website.

Example

<i class=”fa fa-graduation-cap fa-2x” aria-label=”hidden”></i>

should appear as :

Class “fa” activates the font-awesome library. “fa-graduation-cap” is the specific class for this icon. “fa-2x” is a size modifier, you can choose 2x,3x,4x,5x. The size classes make it appear x-times larger than the default font size, to appear at normal size, remove the “fa-2x” class.

DSU Custom Icon Font

We made our font of commonly used graphics on our site and it can be used in conjunction with the font-awesome size modifiers.


dsu-big-d

dsu-bison

dsu-logo

dsu-canvas

dsu-marker

dsu-mountain

Example

<i class=”dsu-icon dsu-big-d fa-2x” aria-label=”hidden”></i>