Icon Library

We have a variety of icons available to use for development. To use an icon just use the ID name provided in the list below. For more information on how to change the color and style read CSS-Tricks on SVGs.


<!-- This example will display the Facebook Icon -->
<svg>
	<use xlink:href="#facebook-purple"></use>
</svg>

Social Icons

The social media icons below will not change color through CSS because we have created the SVGs with a purple color.

#twitter-purple

#facebook-purple

#pinterest-purple

#youtube-purple

#flickr-purple

#instagram-purple

#twitter

#facebook

#pinterest

#youtube

#flickr

#instagram

#snapchat

General Icons

#academy-icon

#arrow-right

#arrows-icon

#book-icon

#bubbles-chat-text

#business-man

#cal-31-icon

#cal-icon

#camera-icon

#camera-pic

#cap-icon

#chart-down

#chart-icon

#chart-icon3

#chart-up-icon

#chat-bubble-icon

#chat-bubbles-icon

#chat-quote-icon

#chat-text-icon

#check-box

#check-icon

#checkbox-list-icon

#chem-icon

#chemistry-icon2

#circle-next-arrow

#clock-icon

#computer-people-icon

#desktop-icon

#doc-icon

#person-icon

#film-icon

#flag-icon

#gift-icon

#flowchart-icon

#full-business-man

#full-man

#girl-icon

#group-icon

#group-men-full

#home-icon

#laptop-icon

#check-icon

#marker-icon

#person-icon

#search-icon

#home-icon

#laptop-icon

#list-icon

#mail-icon

#man-icon

#map-marker-icon

#minus-icon

#marker-icon2

#medal-icon

#mouse-icon

#newspaper-icon

#notebook-icon

#notecard-icon

#paper-clip

#pdf-icon

#pen-paper

#pencil-icon

#pencil-paper-icon2

#person-icon

#person-window

#plus-icon

#pie-icon

#pie-icon2

#play-icon

#search-icon

#quote-icon

#ribbon-icon

#suitecase-icon

#setttings-icon

#sticker-icon

#woman-icon

#ticket-icon

#time-icon

#world-icon

#world-icon2

#youtube-icon