Software Alternatives & Reviews

Heroicons VS Feather Icons

Compare Heroicons VS Feather Icons and see what are their differences

Beautiful, free SVG icons from the makers of Tailwind CSS.

Simply beautiful open source icons
Heroicons Landing Page
Heroicons Landing Page
Feather Icons Landing Page
Feather Icons Landing Page

Heroicons details

Web Icons Vector Icons Image Editing

Feather Icons details

Web Icons Vector Icons Icons App Icons Design Tools

Heroicons videos

The Perfect Icons for Tailwind CSS: Heroicons

Feather Icons videos

Feather Nintendo Switch Review-FLY LIKE A BIRD!

More videos:

  • - Review: Feather (Switch) - Defunct Games
  • - Feather Game Review | Bird Sim | Relaxing | Open World Playground

Category Popularity

0-100% (relative to Heroicons and Feather Icons)

Social recommendations and mentions

Feather Icons might be a bit more popular than Heroicons. We know about 26 links to it since March 2021 and only 26 links to Heroicons. We are tracking product recommendations and mentions on Reddit, HackerNews and some other platforms. They can help you identify which product is more popular and what people think of it.

Heroicons mentions (26)

  • Make a toast with HTML, CSS, and JS
    Now, we need to add an icon. I am going to grab a simple information icon from HeroIcons and put in the SVG -. - Source: / 4 days ago
  • A Curated List of The Best FREE Blogging Resources I Use Everyday
    Heroicons is brought to us by the developers of TailwindCSS. It's a growing list of SVGs that can be directly added to your HTML. - Source: / 7 days ago
  • Accessibility Auditing My Portfolio Site - Part 2
    For those file downloads, I needed to develop accessible PDFs either by adding an HTML resume or formatting and tagging the existing file appropriately. Luckily, I found an excellent tool for formatting and tagging PDFs - PAVE. With this tool, I was able to edit my PDF with appropriate tags and headings based on their recommendations in the browser for free. I've also grabbed a download icon SVG from Heroicons and... - Source: / about 1 month ago
  • 🤷‍♀️ 🤷‍♂️ Tailwind CSS with Heroicons: The SVG path stoke-width issue resolve
    This is not exactly a standard “simple error”, but rather a feature that the developers cannot bring to the Heroicons project in any way. The community has already paid attention to this and even formed a PR, but it was closed. - Source: / about 2 months ago
  • I've replicated Things 3's design using Stylus(CSS) and Tampermonkey(JavaScript)
    For the script, I just run a loop on the "requestAnimationFrame" hook, where I modify the DOM and add the desired features. This means that these changes will seamlessly always be ena, even when todoist updates them. On every loop, it checks if the feature has already been added, if not, it adds the feature, if yes, it just ignores it. The icons I took from - Source: Reddit / 2 months ago
View all

Feather Icons mentions (26)

  • Free, no attribution SVG icons
    Afaik you can use the official brand assets e.g. Other open source icons are e.g. - Source: Reddit / 10 days ago
  • UI design trends of today and how to apply them in your apps
    How can I achieve this? When using icons in your apps, you should use the icon set designed with the font you’re using: this is trivial if you’re using system fonts, which now all have system icon fonts. But if you’re using another UI font, there probably isn’t an icon set designed specifically for that font. Using an outline icon set is sufficient, such as the open-source Feather icons or And if you... - Source: / 15 days ago
  • Icon not appearing for i3 module (configs in comment0
    You are right, they have a website and it does not have that icon. - Source: Reddit / 27 days ago
  • svg font, and icons to waybar
    Hey guys, ive been trying to "copy" this man's beautiful rice (, but ive ran into a problem. I cant find the feather font used in waybar. All found was this ( but its all svgs and I dont know how to install those. - Source: Reddit / about 1 month ago
  • Simple Svelte Responsive Image Gallery
    We will use feather icons for our forward and previous user interface buttons. Create a folder at src/lib/components then add NextIcon.svelte and PreviousIcon.svelte to the folder, and paste in this code:. - Source: / about 1 month ago
View more

What are some alternatives?

When comparing Heroicons and Feather Icons, you can also consider the following products

Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.

IconStore - Free icon packs by first-class designers

Tabler Icons - 550+ free fully customizable SVG icons

ResizePixel - Free image editor to crop, resize, flip, rotate and convert images online

Noun Project for Mac - Search nearly a million icons. Now in color!

Font Awesome - Font Awesome makes it easy to add vector icons and social logos to your website. And version 5 is redesigned and built from the ground up!

User reviews

Share your experience with using Heroicons and Feather Icons. For example, how are they different and which one is better?

Post a review