What it does
Griddy Icons is a 24-pixel interface-icon library distributed as a React package with line and filled rendering.
Install griddy-icons and import a React component such as Activity. A filled prop switches from line artwork to the filled treatment, allowing related controls to share an icon name while changing emphasis.
Size defaults to 24 pixels and color defaults to currentColor. Components also accept standard SVG properties, so the surrounding interface can control their appearance. The drawings use a 24-pixel grid and are optimized for display from 16 to 48 pixels.
The collection is free and open source under MIT. It installs from public npm, Yarn or pnpm packages without a Griddy account. The documented component route is for React; keep the copyright and permission notice when distributing the artwork or package.
Strengths
- Line and filled treatments share a component API.
- Size, color and ordinary SVG properties can be set directly.
Watch out for
- The documented component package targets React.
Best for
- React interfaces using line and filled selection states
Sources
- Griddy Icons README (Oct 27, 2026)
- Griddy Icons MIT License (Oct 27, 2026)