What is Griddy Icons?

Griddy Icons is a free, open-source icon family with a deliberately utilitarian visual style. According to its website, version 0.2.0 includes 1,159 icons drawn at 24×24px with a 1.5px stroke, released under the MIT license. It ships as individual SVGs, Figma components, and a React library, so it fits design and front-end workflows that need a consistent, no-frills icon set.

What you get

The MIT license is the key practical detail: it permits commercial and personal use, modification, and redistribution, provided the license notice is retained. If you need to confirm exact terms for your situation, read the license text rather than relying on the "free open-source" label alone.

The design style

The site describes the set as having a "unique utilitarian vibe." In practice that means geometric, functional shapes rather than decorative or rounded, playful forms — a good match for dashboards, admin panels, developer tools, and other interfaces where icons should read clearly at small sizes and not compete with content.

The 24×24px grid with a 1.5px stroke is a common convention, which makes the set easy to mix into layouts already built around that standard. The icon list covers a broad range: interface controls (arrows, alignment, alerts), devices and connectivity (Bluetooth, battery states), finance (bank, banknote), and a long tail of everyday objects and brands.

How to use it

1. Pick your format. Designers working in Figma can use the components or the master file with individual layers. Developers can pull the React library. If you just need raw assets, grab the SVG set.
2. Import or install. Add the SVGs to your project, or install the React package if you're in a React codebase. The site's "Get started" entry point is where the download and setup flow begins.
3. Match the grid. Keep icons at 24×24px (or clean multiples) and preserve the 1.5px stroke weight so the set stays visually consistent with itself.
4. Verify rendering. Check that stroke weight and alignment hold up at your target size, especially if you scale below 24px.

Common snags

• Scaling breaks the look. A 1.5px stroke is tuned for 24px. Shrinking the icons can make strokes look thin or uneven; scaling up can make them feel heavy.
• Mixing icon sets. Because the style is specific, pairing these with a rounded or filled icon family will look inconsistent. Commit to one family per surface.
• Version drift. At 0.2.0 the set is early. If you depend on specific icons, pin the version you use so an update doesn't shift shapes or names.

Free vs. paid

The icon family itself is free and open-source under MIT. Separately, the site lists a "Download for $9" option on a Creem payment page, alongside "Get all design assets." The free route covers the SVG icons, Figma components, and React library; the paid download appears to be an optional way to get the full design asset bundle. If the free assets already cover your need, there's no requirement to pay — but check what the $9 bundle includes before assuming it's identical to the free set.

Who it's for

Griddy Icons suits teams that want a large, permissively licensed icon set with a consistent, functional look and no attribution burden beyond keeping the MIT notice. It's less suited to projects needing a soft, rounded, or highly stylized aesthetic, or those that need a mature, long-stable library — at version 0.2.0, expect the set to keep evolving.