🌠

Icons

Component

Features

Each visible item to be shown on this page.

Size

Consideration for the flexibility and scalability of the icons

⭐️ Ensure your icon is recognisable in all possible sizes it's displayed at, and whether the detail needs to be simplified at a smaller size

Style

The visual look of the icons

⭐️ Be consistent in the details of your styles - outlines, shadows, perspective, corners and colours

Colour

Black and white, flat colours or gradients

⭐️ Incorporate your branding colours into the style

Optional additions

Not always necessary, but they can have their perks!

States

For icons that represent activity, there should be a difference in style to indicate the difference of a state