Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Website

Heroicons

A free set of hand-crafted SVG icons from the makers of Tailwind CSS.

Visit Heroicons4.6

  • Rating

    4.6 / 5

  • Pricing

    Free

  • Difficulty

    Beginner

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

What is Heroicons?

Heroicons is a set of 316 SVG icons created by the team behind Tailwind CSS. They come in four styles: Outline, Solid, Mini and Micro. The icons are released under the MIT licence, and you can copy them as SVG or use the React and Vue libraries. There is also a Figma file for designers.

Pros: what Heroicons does well

  • Free under the MIT licence
  • Four styles to suit different interface sizes
  • React and Vue libraries plus a Figma file

Cons: where it falls short

  • A fairly small set compared with large icon libraries
  • Aimed at interface design, not illustration

Who Heroicons is for

Designers and developers who need clean, consistent icons for apps and websites.

Who can skip it

People looking for decorative or illustrated artwork.

Heroicons alternatives

Not sold on Heroicons? These do a similar job, and each card says what it has in common.

All Organization resources

Ionicons

Focus: svg and open source. Shares icons and ui design with Heroicons. Same 4.6 rating.

WebsiteFreeWeb
4.6Visit

Lucide

Focus: icon library. Shares icons and svg icons with Heroicons. Rated 4.8 (Heroicons: 4.6).

WebsiteFreeWeb
4.8Visit

Tabler Icons

Focus: icon library. Shares icons and svg icons with Heroicons. Freemium (Heroicons: Free). Rated 4.7 (Heroicons: 4.6).

WebsiteFree planWeb
4.7Visit

Iconoir

Focus: open source. Shares icons and svg icons with Heroicons. Same 4.6 rating.

WebsiteFreeWeb
4.6Visit

Tally

Focus: forms, surveys and no-code. Also in Organization and Collaboration, like Heroicons. A no-code tool, not a website. Freemium (Heroicons: Free). Rated 4.8 (Heroicons: 4.6).

No-Code ToolFree planWeb, Cross-Platform
4.8Visit

Iconify

Focus: svg, design resources and open source. Shares icons with Heroicons. Rated 4.7 (Heroicons: 4.6).

WebsiteFreeWeb
4.7Visit

Free alternatives to Heroicons

Want to spend nothing? These free picks cover similar ground.

Bruno

Focus: api client, api testing and postman alternative. Also in Collaboration and Organization, like Heroicons. A desktop app, not a website. Adds Windows, macOS and Linux. Same 4.6 rating.

Desktop AppFreeWindows, macOS
4.6Visit

Tricount

Focus: bill splitting, shared expenses and group travel. Also in Collaboration and Organization, like Heroicons. A mobile app, not a website. Adds iOS and Android. Same 4.6 rating.

Mobile AppFreeiOS, Android
4.6Visit

Google Forms

Focus: forms, surveys and quizzes. Also in Organization and Collaboration, like Heroicons. A web app, not a website. Rated 4.5 (Heroicons: 4.6).

Web AppFreeWeb
4.5Visit

LimeSurvey

Focus: surveys, forms and questionnaires. Also in Collaboration and Organization, like Heroicons. A web app, not a website. Rated 4.5 (Heroicons: 4.6).

Web AppFreeWeb
4.5Visit

Spliit

Focus: expense splitting, shared costs and travel. Also in Organization and Collaboration, like Heroicons. A web app, not a website. Rated 4.5 (Heroicons: 4.6).

Web AppFreeWeb
4.5Visit
Are you the maker of Heroicons?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.