Flexibility
Change the setting, not the picture.
One file adapts to light and dark, to your brand colours, and to high contrast or a single flat colour.
One icon, five settings
LightInk with a purple accent
DarkLight ink, pale accent
High contrastOne ink, heavy edge
MonoOne colour throughout
Your brandYour colours, contrast checked
Token theming
Three levels of control. Use the simplest one that does the job.
- currentColorSingle-tone icons take the text colour around them.
- Named variablesIllustrations expose variables with fallbacks to the drawn colours.
- prefers-color-schemeDark mode follows the visitor, and you can override it.
What you can set
Light and dark
Icons switch ink with the visitor's system, or with your own theme switch.Brand colours
Set your palette. Each colourway is checked for contrast before you rely on it.High contrast and mono
One ink, no reliance on colour, for the people who need the clearest possible picture.
The browse view already lets you try colours and line weight before you download.