Griddy IconsIcons

About Griddy Icons

Griddy Icons is a free MIT-licensed set of utilitarian icons by Zuzana Benova, drawn on a 24×24 grid and tuned to stay crisp from 16px to 48px. Each icon comes in a line style and a filled style, so active and inactive states in navigation or tab bars share the same shape. The set mixes everyday interface icons with a handful of brand logos (Figma, Framer, Twitch, Etsy, Bluesky, BeReal, Drupal, Fiverr, Medium, Android) and some unusual topics, including a real dental set (dental mirror, tooth veneer, fissure sealing, check-up), Halloween themes, file types like CSV and PDF, and currency and language symbols. The griddy-icons npm package exports React components with size, color and a filled boolean, so switching styles is one prop. Search all Griddy icons here, copy SVG, export JSX or download PNG. Compared with Boxicons, Griddy is smaller but covers niche health topics; compared with Heroicons, it adds brand marks. Ideal for clinic and booking sites, small SaaS dashboards and any UI that needs paired line and filled icons.

How to use Griddy Icons icons

npm install griddy-icons

import { Activity } from 'griddy-icons';

export default function App() {
  return <Activity size={32} filled />;
}

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="griddy-icons:icon-name" width="24"></iconify-icon>

import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="griddy-icons:icon-name" width={24} />;
}

Griddy Icons version history

Based on the last 4 releases, Griddy Icons typically ships a new version every ~4 days. The latest release, v0.2.0, landed on Feb 24, 2026.

Source: npm registry data for griddy-icons, refreshed weekly.

Compare Griddy Icons with similar icon packs