Skip to main content

Icons

Categories:



Miscellaneous icons

  • Advanced usage (CSS)

    This section is only for advanced usage and separate CSS implementation. Please contact webteam@uoit.ca for proper use cases.

    Icons are generated using the UOIT icon font. Icons are referenced with the .icon_x  class, where "x" is the specific name for the icon. The stylesheet for the UOIT icon font can be used if the Global UOIT CSS stylesheet is not required; otherwise the font is already included in the Global UOIT CSS stylesheet and does not need to be referenced.

    • UOIT icon font
      • https://shared.uoit.ca/global/files/fonts/uoit_icons/stylesheet.css
      • CSS font family: 'UOIT Icons'
    Sample HTML basic usage:
    <p><span class="icon_question"></span> Text</p>
    Result:

    Text


    Sample HTML button usage:
    <button class="button icon_question">Text</button>
    Result:


University of Ontario Institute of Technology logo