Iconography

How to style or construct icons for the design system

Icons help distinguish elements within a group, and provide contextual support to text information.

GrowPath uses icons from Material Design icon set. Icons are exported from Figma, stored within the project as SVG files, and rendered using the inline_svg_tag function.

inline_svg

This project uses the inline_svg library which allows SVG files to be inlined in our HTML with a simple function. We chose to use SVG for icons instead of an icon font for several reasons.