Garden’s icon library is implemented using SVG. Icons come two sizes: 12px and 16px. The 16px icons can also be doubled to create 32px icons.
Icons also come in two styles: stroke and fill. While stroke icons are the default icons to use, fill icons are used to show selected states.
12px and 16px
The default size is 16px, and should be used for the majority of cases. In certain instances where 16px icons will break the line height or will not fit in a small space, 12px icons should be used.
32px icons are the scaled-up versions 16px icons. They are used for illustration only.
Include tooltips for interactive icons
View the zendeskgarden/svg-icons repository for implementation instructions.