Skip to main content

Theme

Icons

Icons are used sparingly in the design system. Where icons are used, they should be designed to fit into one of two sizes, small (2rem square), large (6rem square).

Look to minimise the amount of colour used in icon designs, using $rmit-blue as a base colour. $rmit-red can be used either to indicate a clickable icon or as a minimal accent colour.

Large

Currently, large size icons are used in certain variations of blockquotes. They are designed on a 6rem (96px) square. Look to leave padding of 1.5rem (12px) around the icon content.

Small

Small icons are used in accordions, some button styles and some link styles. They are designed on a 2rem (32px square). Look to leave padding of between 0.5rem and 1rem, depending on the context. Having this extra padding ensures there is an adequate hit area for clickable elements.

Ask the library

Study support, one-on-one consultations and peer mentoring at your fingertips!

aboriginal flag torres strait flag

Acknowledgement of Country

RMIT University acknowledges the people of the Woi wurrung and Boon wurrung language groups of the eastern Kulin Nation on whose unceded lands we conduct the business of the University. RMIT University respectfully acknowledges their Ancestors and Elders, past and present. RMIT also acknowledges the Traditional Custodians and their Ancestors of the lands and waters across Australia where we conduct our business - Artwork 'Sentient' by Hollie Johnson, Gunaikurnai and Monero Ngarigo.

More information