{"id":"boxicons","name":"Boxicons","url":"https://wunderlust.xyz/r/boxicons","category":"components","category_label":"UI components","tags":["free","figma","cli"],"short":"50K+ icons in Regular, Rounded and Sharp styles, exportable to SVG, PNG, WEBP, React and font","what":"It has an on-page demo to change color, padding, flip, rotation and size before exporting. The packs are Basic, Filled, Duotone, Duotone Solid and Duotone Mix, with an npm CLI, @boxicons/cli, and Figma and Framer plugins.","uses":"For someone who needs the same icon in several formats and wants to tweak it on the page before taking it to the project.","benefits":["A demo to adjust color, rotation, size and more","Exports SVG, PNG, WEBP, React components and font","An npm CLI and packages for React, Vue and Svelte"],"caveats":["The free plan has 3,500+ icons; Pro costs US$ 39 a year for one user and includes web fonts and Pro icons.","The home page says 50K icons, but the free plan has 3,500+."],"links":{"official":"https://boxicons.com"},"image":"https://wunderlust.xyz/media/boxicons-og.jpg","video":"https://wunderlust.xyz/media/boxicons.webm","share_image":"https://wunderlust.xyz/og/r/boxicons.jpg","similar":["hugeicons","heroicons","iconsax","pixelarticons","overflow-design","framer-smooth-image-trail"],"added_on":"2026-11-12","steal":"A demo that tweaks icon color, rotation and size, then exports to SVG, PNG or React from one screen","patterns":[],"why":"Tweaking colour, rotation and size on the page before export saves a trip to a design tool for small changes.","avoid":"One exported SVG per icon adds up. For big sets use the npm package and load only the icons you use.","pt":{"name":"Boxicons","short":"Mais de 50 mil ícones em estilos Regular, Rounded e Sharp, exportáveis para SVG, PNG, WEBP, React e fonte","steal":"Demo que ajusta cor, rotação e tamanho do ícone e exporta do mesmo lugar para SVG, PNG ou React","what":"Tem uma demo na página para mudar cor, preenchimento, espelhamento, rotação e tamanho antes de exportar. Os pacotes são Basic, Filled, Duotone, Duotone Solid e Duotone Mix, com CLI npm @boxicons/cli e plugins de Figma e Framer.","uses":"Para quem precisa do mesmo ícone em vários formatos e quer ajustá-lo na página antes de levar ao projeto.","benefits":["Demo para ajustar cor, rotação, tamanho e mais","Exporta SVG, PNG, WEBP, componentes React e fonte","CLI npm e pacotes para React, Vue e Svelte"],"caveats":["O plano grátis tem 3.500+ ícones; o Pro custa US$ 39 por ano para um usuário e inclui fontes web e ícones Pro.","A home fala em 50 mil ícones, mas o plano grátis tem 3.500+."],"why":"Ajustar cor, rotação e tamanho na própria página antes de exportar poupa uma ida à ferramenta de design para pequenas mudanças.","avoid":"Exportar um SVG por ícone se acumula. Em conjuntos grandes use o pacote npm e carregue só os ícones que você usa."},"schema_version":1}