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
Documentation
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
Visual style consistency
All icons share the same stroke weight, corner radius, and optical sizing approach
Color
Black and white, flat colors or gradients
Incorporate your branding colours into the style
Naming
Name an icon by what it literally is so it can be used flexibly
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 for another purpose elsewhere
BETA
Less debating, more deciding.
Quorum is a design voting platform that gives you immediate, quantified feedback to iterate with confidence.