-
Core icons are redrawn for each size, not just scaled: the 48px rose gets thorns and fuller leaves than the 24px one. Pick the size that matches your layout, and every line stays aligned to the pixel grid. -
Use the secondary color to guide the eye. In this step list, the active Options icon picks up the accent color, while the steps ahead stay neutral.
-
Every icon comes in outline and fill styles, and many include a secondary color you can style on its own. Outline icons also support a custom stroke width and rounded or square corners. -
Fill icons take on any color, so they blend into tinted buttons. Each icon picks up the tone of its button, from a soft purple atom to a green dial.
