What it does
Grommet Icons provides React iconography for Grommet and other React interfaces. It supports theme colors, size names and a Blank component for custom artwork.
Install grommet-icons and import a named React component. Its size and color props can use a shared theme, so a group of screens can refer to a semantic brand color instead of repeating literal values. Default named sizes range from 12 to 96 pixels.
For artwork outside the collection, place a 24 by 24 SVG inside the Blank component. Blank hides decorative content from assistive technology by default. A meaningful standalone symbol needs an appropriate accessibility title and the documented aria-hidden adjustment.
This component workflow targets React. The package is free under Apache 2.0 and installs from a public registry without a Grommet account. Preserve the applicable licence and notices when redistributing it.
Strengths
- Theme configuration centralizes icon color and sizing.
- Blank provides a documented route for matching custom SVGs.
Watch out for
- The published component workflow is React-specific.
Best for
- Grommet applications
- React teams sharing icon theme tokens
Sources
- Grommet Icons README (Oct 27, 2026)
- Grommet Icons Apache License 2.0 (Oct 27, 2026)