How to Get Started with Griddy Icons or Request a New Icon

Griddy Icons is a free, open-source icon family with a "utilitarian" visual style, currently at version 0.2.0. To get started, use the Get started option on the site to access the design assets, or use Request an icon if the icon you need doesn't exist yet. If you want the complete packaged asset set rather than individual files, there is also a Download for $9 option.

What you get before paying anything

The site describes Griddy Icons as free and open-source, and lists these specs:

Because the license is MIT, you can use the icons commercially — MIT is a permissive license that allows commercial use, modification, and redistribution, provided the license notice is preserved. (This is a general property of the MIT license; the site itself only states "License MIT.")

Getting started: the free path

1. Go to griddyicons.com.
2. Select Get started. This is the entry point the site provides for accessing the icon family.
3. From there, the site lists the available design assets:
   • All SVG icons — the full set of individual SVG files.
   • Figma components — the icons as reusable Figma components.
   • Master file with individual layers — a single source file where each icon is on its own layer.
4. If you're working in React, the site also lists a Library: React resource, so you can pull the icons into a React project rather than copying SVGs by hand.

The icons themselves are drawn on a 24 × 24px grid with a 1.5px stroke, so they're built to sit consistently alongside each other at that size. The site also notes a Size: 32px and Fill option, indicating the set supports a filled variant and a 32px size in addition to the default outlined 24px form.

Requesting a new icon

If the set doesn't cover what you need, use Request an icon on the site. This is the site's stated channel for asking for additions to the family. Have a clear idea of the concept you want (for example, a specific object, action, or UI state) so the request is actionable — the existing set is organized by concept name, with variants like Alt01, Alt02, and state suffixes such as Check, Cancel, Plus, Minus, and Off.

The $9 paid download

The site offers a Download for $9 option alongside the free assets. Based on what the page lists, the paid download is a way to get the packaged design assets — the same categories shown on the page (all SVG icons, Figma components, and the master file with individual layers) — in one download rather than assembling them yourself.

What the page does not state: whether the $9 download includes anything beyond the listed assets, whether it grants any rights beyond the MIT license, or whether updates are included. If those points matter to you, confirm them before paying. The free open-source route and the paid download are not described as different licenses — the license is listed as MIT either way.

Choosing between the free and paid routes

• Choose the free route if you only need some icons, you're comfortable pulling individual SVGs or Figma components, and you don't mind assembling the set yourself.
• Choose the $9 download if you want the full asset bundle — all SVGs, Figma components, and the layered master file — delivered together without collecting files one by one.
• Either way, the license is MIT, so commercial use is permitted under the same terms.

Common snags to expect

• Version 0.2.0 is early. At a 0.x version, expect the set to still be growing, which is exactly why the Request an icon option exists.
• Check the naming before assuming an icon is missing. The set uses many variants (Alt01, Alt02, Alt03) and state suffixes, so an icon you think is absent may exist under a variant name.
• Match the grid. Since icons are designed at 24 × 24px with a 1.5px stroke, scaling them to other sizes or mixing them with icons built on a different grid will make the stroke weight look inconsistent.