--- title: "Heroicons - Free Icons by Tailwind Labs" product: "Streamline Icons, Illustrations and Elements" url: /heroicons canonical_url: "https://design.streamlinehq.com/heroicons" summary: "Download Heroicons, the free and open source set by Tailwind Labs. 324 icons in each of Outline and Solid, no card required." --- # Heroicons by Tailwind Labs > Download Heroicons, the free and open source set by Tailwind Labs. 324 icons in each of Outline and Solid, no card required. - **URL**: https://design.streamlinehq.com/heroicons --- * 324 icons in each of Outline and Solid * Searchable alongside Streamline's full library * Export as SVG or PNG, no card required [Browse Heroicons](https://www.streamlinehq.com/icons/heroicons-outline) ## Use Heroicons in three easy steps ### Pick Outline or Solid Both sets carry the same 324 concepts, so every icon has a matching pair for default and selected states. ### Export as SVG or PNG SVG keeps the shape editable. PNG drops in as-is, no extra steps. ### Drop Into Your Project Works in Figma, code, or any tool that accepts SVG or PNG. ## Heroicons: Outline and Solid Heroicons is a free and open source icon set created by Tailwind Labs. 324 icons in each of Outline and Solid. * **Heroicons Outline**: [324 free icons](https://www.streamlinehq.com/icons/heroicons-outline) * **Heroicons Solid**: [324 free icons](https://www.streamlinehq.com/icons/heroicons-solid) ## Ultimate: when you need more coverage 1,000 free icons per set across 5 styles. Encyclopedic coverage, from common to rare icons. A neutral style that fits most use cases. * **Ultimate Light**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-light-free), [17,683 pro icons](https://www.streamlinehq.com/icons/streamline-light) * **Ultimate Regular**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-regular-free), [16,751 pro icons](https://www.streamlinehq.com/icons/streamline-regular) * **Ultimate Bold**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-bold-free), [18,541 pro icons](https://www.streamlinehq.com/icons/streamline-bold) * **Ultimate Colors**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-colors-free), [10,456 pro icons](https://www.streamlinehq.com/icons/streamline-colors) * **Ultimate Duotone**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-duotone-free), [10,935 pro icons](https://www.streamlinehq.com/icons/streamline-duotone) ## Where Heroicons fits ### A Complete Outline-and-Filled Pair Outline and Solid cover the same 324 concepts, so a navigation bar can switch states without an icon going missing. ## Works in your tools * [Mac App](https://home.streamlinehq.com/plugins/download): Drag and drop icons directly into any app * [Figma](https://www.figma.com/community/plugin/852192486284901337): Browse and insert icons without leaving Figma * [Framer](https://www.framer.com/marketplace/plugins/core-icons-by-streamline/): Use icons natively in Framer projects * [Webflow](https://webflow.com/apps/detail/streamline-icons): Add icons directly to Webflow sites * [VS Code](https://marketplace.visualstudio.com/items?itemName=streamline.streamline-icons): Insert icons as SVG or JSX in editors * [Lucid](https://lucid.co/marketplace/01f05f6d/streamline-icons-illustrations-emojis-and-elements): Add icons to your Lucidchart diagrams * [Miro](https://miro.com/marketplace/streamline/): Drop icons into your Miro boards * [Adobe Express](https://adobesparkpost.app.link/TR9Mb7TXFLb?addOnId=w165n33k3): Use icons in Adobe Express projects ## Get more icons with Pro Heroicons stays free and open source. Pro unlocks the rest of Streamline's library. ### Free: $0 * 109,582 icons * Mandatory attribution * All plugins, web app, MCP and API (limited) * Adjust size, color and format [Get started](https://www.streamlinehq.com/free) ### Pro subscription: $19 per month * 333,032 pro icons * No attribution required * 58 pro sets in 11 families * All plugins, web app, MCP and API * Pay monthly or yearly [Get Pro](https://www.streamlinehq.com/pricing) ### One-time purchase: Lifetime * Buy once, own forever * Future assets included * All source files as a ZIP * All plugins, web app, MCP and API * No renewal fees [Get Lifetime](https://www.streamlinehq.com/lifetime) ## What Heroicons Is Heroicons is a free, open source icon set by Tailwind Labs, the team behind Tailwind CSS. It is designed to sit naturally in a Tailwind project. Both styles carry the same 324 icons, which makes it unusually tidy for outline-and-filled pairing. ## When 324 Icons Runs Out Heroicons is deliberately tight. It covers the common concepts of a web interface and stops there. For the rarer concepts a growing product needs, Ultimate sits in the same search with encyclopedic coverage. ## Frequently asked questions Quick answers about Heroicons. ### What is Heroicons? Heroicons is a free, open source icon set created by Tailwind Labs, with 324 icons in each of two styles, Outline and Solid. ### Where can I download Heroicons? Visit [streamlinehq.com/icons/heroicons-outline](https://www.streamlinehq.com/icons/heroicons-outline) for the outline set, or the Solid set for filled icons. ### Is Heroicons free? Yes. Both styles are free and open source. ### How many icons does Heroicons have? 324 in Outline and 324 in Solid, covering the same concepts in both styles. ### What if Heroicons does not have the icon I need? For broader coverage, try [Ultimate](https://www.streamlinehq.com/icons/ultimate-regular-free), which sits in the same library with far more concepts. ### Can I use Heroicons commercially? Yes. You can use it for all personal and commercial projects.