{
  "slug": "heroicons",
  "name": "Heroicons",
  "url": "https://heroicons.com",
  "cat": "design",
  "group": "design",
  "tagline": "MIT UI icon set",
  "price": "Free · MIT licensed",
  "tier": "free",
  "pick": false,
  "what": "Hand-drawn SVG icon set from the Tailwind CSS team, supplied in four cuts: 24px outline, 24px solid, 20px solid and 16px solid, each optically drawn for its size rather than scaled down. Official React and Vue packages ship every icon as a component.",
  "why": "The default when you are already in Tailwind — stroke weights and sizes line up with Tailwind's spacing scale, so icons sit correctly beside text without nudging.",
  "warn": "The set is deliberately small and UI-focused, so niche and brand icons are missing. Fill gaps from Phosphor or Iconify rather than mixing in a set with a different stroke weight.",
  "install": "npm i @heroicons/react",
  "category": {
    "key": "design",
    "name": "Design tools, color & type",
    "desc": "Canvases, palettes, typefaces, icon sets, illustrations. Mostly free.",
    "group": "design",
    "groupName": "Make it look right"
  },
  "freshness": null,
  "health": {
    "ok": true,
    "status_code": 200,
    "final_url": "https://heroicons.com/",
    "checked_at": "2026-08-18T21:45:05.257+00:00"
  },
  "corrected_at": null,
  "upstream_changed_at": null
}