Icons
The following icons can be used for web and digital applications.
If you are editing a page in the CMS and an icon below doesn't appear in the CMS icon dropdown list, you can type the icon name into the dropdown list. Refer to the icon names below, but remove the "icon_" prefix. For example, "icon_calendar" would be entered as "calendar" in the CMS icon field.
Categories:
-
Advanced usage (CSS)
This section is only for advanced usage and separate CSS implementation. Please contact webteam@ontariotechu.ca for proper use cases.
Icons are generated using the Ontario Tech icon font. Icons are referenced with the
.icon_x
class, where "x" is the specific name for the icon. The stylesheet for the Ontario Tech icon font can be used if the Global Ontario Tech CSS stylesheet is not required; otherwise the font is already included in the Global Ontario Tech CSS stylesheet and does not need to be referenced.- Ontario Tech icon font
- https://shared.ontariotechu.ca/global/files/fonts/uoiticons/uoit_icons.css
- CSS font family: 'UOIT Icons'
Result:<p><span class="icon_question"></span> Text</p>
Text
Sample HTML button usage:
Result:<button class="button icon_question">Text</button>
- Ontario Tech icon font