Iconography
Zoom icons act as visual aids to help Zappers & Zoomers to complete tasks. They should be used purposefully.
Last updated
Was this helpful?
Zoom icons act as visual aids to help Zappers & Zoomers to complete tasks. They should be used purposefully.
Last updated
Was this helpful?
We strongly recommend to use icons from our , if you are using it in code. Otherwise, to download single icons or use them in different software.
Color
BG
Use Cases
White
Default Icon with Text
White
Disabled
Dark/White
Links/Buttons with an Icon
Dark/White
Accent Icons
Dark/White
Warnings Icons
Dark/White
Error Icons
We use 4 scales of icon size depending upon the context 16px, 20px, 24px & 32px. Be sure icon size is consistent throughout your product.
When used next to text, icons should be center-aligned.
Sizing
Size of the icons should match the give size in Zeplin.
Color
Phantom Grey 08
Phantom Grey 04
Evergreen 06
Midnight Blue 06
Sunrise Yellow
Fire Red 06
Icon color value should be only defined from .
