react-icons
svg react icons of popular icon packs (by react-icons)
heroicons
A set of free MIT-licensed high-quality SVG icons for UI development. (by tailwindlabs)
| react-icons | heroicons | |
|---|---|---|
| 97 | 85 | |
| 11,691 | 21,712 | |
| 0.7% | 0.8% | |
| 7.6 | 6.6 | |
| 13 days ago | 14 days ago | |
| TypeScript | JavaScript | |
| GNU General Public License v3.0 or later | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-icons
Posts with mentions or reviews of react-icons.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-11-18.
-
Release 0.3 #2
While I looking for my second issue I came across rails_icons. It reminded me of react-icons but for rails. Since I have have some experience in Ruby on rails and its been a while since I used it so I wanted to get some practice.
-
VS Code Extension Development Tips
For icon design, you can use Codicons, a set of official VS Code icons. If you’re working with React, consider using React Icons.
-
15+ Best Icon Libraries of 2024
Website: React Icons
-
Simple and browser-scoped IPFS file browser leveraging Pinata Cloud SDK
ReactIcons - https://react-icons.github.io/react-icons/
-
Building an inventory management app: 'Invento' as a Beginner Developer
React Icons : I have also used react-icons which is a library that provides a wide range of icons from popular icon libraries such as Font Awesome, Material Icons, and more.
-
How To Build Your Own Newsletter App? p.1
Install the React Icons package, which allows us to use various icons within the application.
- Squeezing more performance out of your Nextjs App
-
The 20 most used React libraries
react-icons: Quickly integrate a variety of icons into your React app. Learn more
-
Free Icons for your reactjs and web applications
3. React Icons
-
Building the Play Button
We make use of react-icons to display the play and pause indications.
heroicons
Posts with mentions or reviews of heroicons.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-10-20.
- Ask HN: Alternative to SF Symbols for web use?
-
Some Free Icon Libraries </>
Website Link :https://heroicons.com/
-
10 game-changing tools that level up Svelte developers in 2025 💪
Svelte Heros is a collection of free, open-source SVG icons built specifically for Svelte. It’s based on Heroicons and is incredibly easy to integrate into your Svelte projects. With over 200 icons, Svelte Heros offers easy access to a wide range of icons while keeping your app lightweight and performant. Github repository →
-
15+ Best Icon Libraries of 2024
Website: Heroicons
-
Marrying Tailwind with Jekyll
Surprisingly, in many projects, I don't really need more than what Jekyll can offer. So, I remain a loyal user. Until recently, I didn't have much to complain about, not until I decided to rebuild poshtui.com with Tailwind CSS. The only way to add Tailwind and Heroicons was through a JavaScript bundler, and I'm no longer used to that approach.
-
Icons gem for Phlex
When it comes to building sleek, interactive UIs, having access to a robust set of icons is essential. Over the last few weeks, I've been migrating one of my projects from ERBs to Phlex. During this process, I found myself frequently reaching for SVG icons from popular libraries like Heroicons, Bootstrap icons, and Flag icons. After some frustration with manual integration into a Shared::Icon Phlex component, I had an idea - why not create a gem to simplify this process?
-
How to Use Icons in Shadcn UI with Next.js
In this section, we'll see how to use icons in Next.js with ShadCN UI. ShadCN UI includes Lucide-React icons by default, and you also have the option to incorporate SVG icons from Heroicons.
- Autopreenchimento de campos no FilamentPHP usando API
-
Discord Clone Using Next.js and Tailwind - Part 3: Channel List
We start with the toggle button. We want icons for this that we get from heroicons. Let’s create a new file in the ChannelList folder called Icons.tsx and paste the code for the icons here to have a solid separation:
-
Free Icons for your reactjs and web applications
7. Heroicons
What are some alternatives?
When comparing react-icons and heroicons you can also consider the following projects:
iconify-react - Iconify icon component for React
Font-Awesome - The iconic SVG, font, and CSS toolkit
material-design-icons - Material Design icons by Google (Material Symbols)
content - The file-based CMS for your Nuxt application, powered by Markdown and Vue components.
lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
icons - Official open source SVG icon library for Bootstrap.
Introducing .NET Multi-platform App UI (MAUI) - .NET MAUI is the .NET Multi-platform App UI, a framework for building native device applications spanning mobile, tablet, and desktop.
feather - Simply beautiful open-source icons
Tailwind CSS - A utility-first CSS framework for rapid UI development.
react-emoji - An emoji mixin for React
tabler-icons - A set of over 5700 free MIT-licensed high-quality SVG icons for you to use in your web projects.
react-icons vs iconify-react
heroicons vs Font-Awesome
react-icons vs material-design-icons
heroicons vs content
react-icons vs lucide
heroicons vs icons
react-icons vs Introducing .NET Multi-platform App UI (MAUI)
heroicons vs feather
react-icons vs Tailwind CSS
heroicons vs lucide
react-icons vs react-emoji
heroicons vs tabler-icons