{"id":"heroicons","name":"Heroicons","url":"https://wunderlust.xyz/r/heroicons","category":"components","category_label":"UI components","tags":["free","figma","react"],"short":"316 hand-crafted SVG icons from the Tailwind CSS team, in four size variants","what":"A set in Outline (24x24, 1.5px stroke), Solid, Mini and Micro, with React and Vue libraries, copyable SVG and a Figma file. The license is MIT.","uses":"For someone building an interface with Tailwind who wants ready icons for buttons and fields, from size 24 down to 16.","benefits":["Four variants: outline, solid, mini and micro","React and Vue packages and copyable SVG","A Figma file available"],"caveats":["The set is small, at 316 icons, and the docs live on GitHub."],"links":{"official":"https://heroicons.com"},"image":"https://wunderlust.xyz/media/heroicons-og.jpg","video":"https://wunderlust.xyz/media/heroicons.webm","share_image":"https://wunderlust.xyz/og/r/heroicons.jpg","similar":["pixelarticons","hugeicons","boxicons","iconsax","skiper-ui","magic-ui"],"added_on":"2026-11-12","steal":"Four variants of the same icon (outline, solid, mini and micro), one for each size of use","patterns":[],"why":"Four variants of the same icon, one per size, keep the stroke readable from 24 down to 16, so a small icon does not blur.","avoid":"Do not stretch one variant to fit every size. Use mini or micro at small sizes and keep one variant per context.","pt":{"name":"Heroicons","short":"316 ícones SVG feitos à mão pela equipe do Tailwind CSS, em quatro variantes de tamanho","steal":"Quatro variantes do mesmo ícone (outline, solid, mini e micro), uma para cada tamanho de uso","what":"Conjunto em Outline (24x24, traço de 1,5 px), Solid, Mini e Micro, com bibliotecas React e Vue, SVG para copiar e um arquivo de Figma. A licença é MIT.","uses":"Para quem monta uma interface com Tailwind e quer ícones prontos para botões e campos, do tamanho 24 ao 16.","benefits":["Quatro variantes: outline, solid, mini e micro","Pacotes React e Vue e SVG para copiar","Arquivo de Figma disponível"],"caveats":["O conjunto é pequeno, com 316 ícones, e a documentação fica no GitHub."],"why":"Quatro variantes do mesmo ícone, uma para cada tamanho, mantêm o traço legível de 24 até 16, e o ícone pequeno não borra.","avoid":"Não estique uma variante para todos os tamanhos. Use mini ou micro em tamanhos pequenos e mantenha uma variante por contexto."},"schema_version":1}