Iconography


 

Live Demo


Click on an icon to copy the code for it.

Assorted Icons


Social Media Icons


Guest Service Icons

 

Usage


Icons are used for giving visual cues as to what a component or element does. An example would be having a plus icon on a button. This would signify that the button increases something, making it more visually obvious what the function of that button is. Icons are essentially just used to give context or visual clarity to the user.

 

Behavior


Icons should generally be 24px by 24px. The size of the icons can be increased if needed, but in most cases they will be standard size.