Griddy Icons Studio

Browse, search and copy all 1,159 Line and Filled icons from the 24×24 grid, offline in one studio.

Griddy Icons Studio — browse, search and copy all 1,159 Line and Filled icons from the 24×24 grid, offline in one studio

How to use Griddy Icons Studio

  1. Type a word in the search box to filter the 1,159 icons, or pick a category such as arrow, chart or battery.
  2. Switch between Line and Filled weights and drag the size slider from 16 to 48 pixels to preview each icon.
  3. Click any icon to open its detail panel with 24, 48 and 96 pixel previews.
  4. Use Copy SVG, Copy React component or Download .svg to take the icon, or copy the npm import line for your project.

Features

  • Full 1,159-icon catalogue from the griddy-icons repo, both Line and Filled weights, embedded offline
  • Search across icon names with category filters for the 41 largest name groups
  • Live size preview from 16 to 48 pixels with colour swatches and a colour picker
  • Copy SVG markup, copy the matching React component, download the .svg file, or copy the npm import
  • Exact IconBase behaviour: 24 by 24 viewBox, currentColor fill, size and filled props
  • Install panel with the real npm, yarn and pnpm commands and the README usage example

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.