Icon
Components
An icon is a small, symbolic visual element that represents an action, feature, or concept. It's purpose is to communicate meaning quickly, save space, and enhance visual navigation across an interface.
Checklist
Reset
Responsiveness
The flexibility in detail of the icons at varying sizes
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 - outlines, shadows, perspective, corners and colours
Color
Black and white, flat colors or gradients
Incorporate your branding colours into the style
Naming
In your design tool and as a file, clearly identify the object in the name
Don't name an icon based on an action so it stays adaptable e.g. a pencil icon shouldn't be named "edit", as it could be used
