unplugin-icons
🤹 Access thousands of icons as components on-demand universally. (by unplugin)
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! (by iconify)
Our great sponsors
unplugin-icons | iconify | |
---|---|---|
27 | 30 | |
3,496 | 3,824 | |
3.1% | 5.1% | |
8.0 | 8.5 | |
15 days ago | 10 days ago | |
TypeScript | TypeScript | |
MIT License | 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.
unplugin-icons
Posts with mentions or reviews of unplugin-icons.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-12-05.
-
To learn svelte, I clone Github's issues page including useful features that you might consider reusing.
🤹 Unplugin Icons
-
Svelte Libraries / feature completeness
Now i am using https://github.com/antfu/unplugin-icons
-
How do I use SVG icons in React?
unplugin-icons will be the easiest and most robust option if you are using a bundler
-
Icon library for svelte?
I highly recommend unplugin-icons. It has first class SvelteKit support and uses Iconify under the hood. Here is the introductory blog post.
-
Best way to use svg icons in SvelteKit?
This might not answer your question directly but unplugin-icons might be the best way to use Icons in any project in general.
-
nice free open-source futuristic icon library cyber-icons 🦾🤍✨
Pro tip: try to get them added to https://github.com/iconify/iconify / https://github.com/antfu/unplugin-icons
-
What Icon Library do you guys use?
I use the Unplugin-Icon package that gives access to Iconify. That way I can select icons from multiple libraries.
-
How come using FontAwesome with Vue is such a pain?
Just use this: https://github.com/antfu/unplugin-icons
- What icon set are you using with svelte? How do you like it?
-
Which vue-cli plugin for inlining SVG images?
I will suggest unplugin-icons package
iconify
Posts with mentions or reviews of iconify.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-10-16.
- Show HN: I built a search engine for 200k open source icons
-
Unleashing Iconify: Your Ultimate Solution for Icons
Icons play a vital role in the web development. They guide us, convey messages, and enhance user experiences on numerous websites and applications. Whether you are an experienced developer or a beginner in web development, having a reliable source of high-quality icons is essential. This is where Iconify comes in, providing an extensive selection of icons that will breathe life into your projects.
-
Icon Buddy – 100K+ Open Source SVG Icons, Fully Customizable
https://iconify.design/ has been my go to for years, but I like the ability to customize the colors from the UI, although I personally use tailwind classes for my colors
- What is your favourite place to find icons?
-
How to build a Sign Up with Third-Parties Component Using TailwindCSS
Before explaining the whole code, it is worth saying that you can get all the icons used in this tutorial are from iconify
-
How to Build a Search Bar Using TailwindCSS
It was positioned absolutely to the parent container and was placed at the position where it is using -bottom-8 and left-[17%], the icon use there is from iconify
-
Create NextJs Portfolio⭐ Website using Tailwind-CSS and Framer-motion
Svg Icons from Iconify.
-
How I made my resume with HTML and Tailwind CSS
Luckily, I found that in astro you can do it easily with the astro-icon package. This package uses Iconify, an icon library that combines dozens of different icon packs into one. The most interesting icon pack for me was the SVG Logos as it includes all logos for different tech companies, programming languages, etc. Now, adding these icons is as simple as:
- Iconhunt: Search 150.000 free and open source icons
-
Icon library for svelte?
I've been using https://iconify.design/
What are some alternatives?
When comparing unplugin-icons and iconify you can also consider the following projects:
nuxt3 - Nuxt 3 Module for vue-i18n-next
Next.js - The React Framework
unplugin-vue-components - 📲 On-demand components auto importing for Vue
Tailwind CSS - A utility-first CSS framework for rapid UI development.
lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
svelte-fsm - Tiny, expressive finite state machines for svelte
vite - Next generation frontend tooling. It's fast!
mdi-vue - Material design icons for vue.js
homepage - The homepage of Phosphor Icons, a flexible icon family for everyone
vite-plugin-webfont-dl - ⚡ Webfont Download Vite Plugin - Make your Vite site load faster
Fomantic-UI - Fomantic-UI is the official community fork of Semantic-UI
unplugin-icons vs nuxt3
iconify vs Next.js
unplugin-icons vs unplugin-vue-components
iconify vs Tailwind CSS
unplugin-icons vs Tailwind CSS
iconify vs lucide
unplugin-icons vs svelte-fsm
iconify vs vite
unplugin-icons vs mdi-vue
iconify vs homepage
unplugin-icons vs vite-plugin-webfont-dl
iconify vs Fomantic-UI