Icons
Icons are used to represent McMaster services, subjects and way-finding tools simply and visually. These icons are pared down to their simplest form for a contemporary look and for maximum clarity. When creating new icons, keep in mind that, in some cases, we also need to consider interaction states, such as hover, clickable and disabled. As a reference, always use the icon examples below, created for the McMaster.ca homepage.
Font Awesome Icons
Get vector icons and social logos on your website with Font Awesome. Simply add the script to the head of your document and implement the icons with the following code. You can grab a list of available icons here: https://fontawesome.com/icons
Image Icon Examples
When creating new icons, keep in mind that, in some cases, we also need to consider interaction states, such as hover, clickable and disabled. As a reference, always use the icon examples below, which were created for the McMaster.ca homepage.