lucide
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. (by lucide-icons)
react-icons
svg react icons of popular icon packs (by react-icons)
| lucide | react-icons | |
|---|---|---|
| 39 | 95 | |
| 10,667 | 11,554 | |
| 5.3% | 1.0% | |
| 9.7 | 8.1 | |
| 5 days ago | 19 days ago | |
| JavaScript | TypeScript | |
| ISC License | GNU General Public License v3.0 or later |
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.
lucide
Posts with mentions or reviews of lucide.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-09-29.
-
Creating a Highlighted Input Component with React and TypeScript
Lucide-react: A collection of icons as React components Lucide React.
-
17 Free Open-source Icon Libraries (Carefully Curated List, Filterable & Sortable) - Need Feedback
Lucide - Beautiful & consistent icons
-
Unleashing the Power of Lucide: The Ultimate Icon Library for Modern Web Development
If you’re using a different framework, Lucide has you covered. The library provides bindings for Vue, Angular, Solid, Svelte, Prereact and other popular frameworks as well. Check the Official Documentation for detailed instructions on how you can integrate Lucide with your preferred framework. Icon Packs: Lucide also supports icon packs, which allows you to extend the library with additional icons. This feature is particularly useful if you have custom icons like font-awesome, that you want to use alongside the standard Lucide icons.
-
10+ Best Open Source Icon Libraries in 2024
Website: https://lucide.dev/
- Lucide: Beautiful and Consistent Icons
- Lucide
-
The one thing that makes me miss Notion is how pretty and functional it can be. I'd love to try to make a more visual home page like this in Obsidian but I don't think Tables or Dataviews or whatever can really replicate this level of form and function.
Here's my result, thanks again! Turns out yes you can put emoji in the file name. Haven't figured out a way to use SVG icons which would have been nice but I'll keep at it, and this is stellar anyway.
-
Which types of quote blocks I can use? (e.g: >[!tip]...)
Where --callout-color is the RGB value and --callout-icon is anything you pick from https://lucide.dev/
-
Introducing Shadcn UI: A reusable UI component collection
The theme editor’s interface allows you to configure themes for properties such as color, border radius, and mode (light or dark). You can also choose between two styles: default and new-york. The styles have unique components, animations, icons, and more. The default style has larger input fields and uses lucide-react icons and tailwindcss-animate for animations. The new-york style has smaller buttons, cards with shadows, and uses Radix Icons.
-
Add Lucide Icons to Astro
There's no first-class Lucide integration for Astro. But making a custom one isn't too hard.
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-10-08.
-
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.
-
Icons used by existing apps
If you're using React, I can recommend this: https://react-icons.github.io/react-icons/
-
Complete React and Tailwind CSS Website Design Tutorial | Build an Educational Landing Page
Links to external resources like Tailwind CSS, Google Fonts, and React Icons are provided, offering additional references for users.
What are some alternatives?
When comparing lucide and react-icons you can also consider the following projects:
icons - Effortless Icon Packs & Components for Svelte, React, Vue and more..
iconify-react - Iconify icon component for React
tabler - Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
heroicons - A set of free MIT-licensed high-quality SVG icons for UI development.
iconify - Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (over 150 icon sets and 200k icons). SVG framework, React, Vue and Svelte components!
material-design-icons - Material Design icons by Google (Material Symbols)
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.
homepage - The homepage of Phosphor Icons, a flexible icon family for everyone
Tailwind CSS - A utility-first CSS framework for rapid UI development.
RemixIcon - Open source neutral style icon system
react-emoji - An emoji mixin for React
lucide vs icons
react-icons vs iconify-react
lucide vs tabler
react-icons vs heroicons
lucide vs iconify
react-icons vs material-design-icons
lucide vs heroicons
react-icons vs Introducing .NET Multi-platform App UI (MAUI)
lucide vs homepage
react-icons vs Tailwind CSS
lucide vs RemixIcon
react-icons vs react-emoji