Icon

All UI-orientated icons follow the same viewBox, width/height, and stroke attributes for ease and re-usability. Icons are located within the src/assets/icons/ directory and are optimized, mangled, and sent along via a JSON file that allows us to import and validate references more easily and only bundle what we actually use in our applications.

PropTypeDescriptionDefault
className array
fallback array
icon array
additionalIcons arrayPass in (and override) additional icon data to search through
size arrayoneOf(['small', 'large', 'xlarge'])

Available icons

Manipulating icons

Icons are just as maluable as any piece of text; with both their size and color inheritting from its own, or parent selectors.