icons
iconify
Our great sponsors
icons | iconify | |
---|---|---|
3 | 30 | |
2,029 | 3,824 | |
4.2% | 5.1% | |
2.9 | 8.5 | |
8 months ago | 11 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
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.
icons
-
What Icon Library do you guys use?
We're using AntD, and the icons that come with it. For smaller projects, I've been happy with Radix Icons.
-
Building a design system with Radix
Radix Icons touts itself as a “crisp set of 15x15 icons designed by the WorkOS team.” All the icons are available as individual components that can be installed via a single package.
- Svelte-Radix is a collection of SVG icons from Radix icons
iconify
- 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?
svelte-radix - 310+ SVG Radix icons components for Svelte
Next.js - The React Framework
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
unplugin-icons - 🤹 Access thousands of icons as components on-demand universally.
lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
vite - Next generation frontend tooling. It's fast!
homepage - The homepage of Phosphor Icons, a flexible icon family for everyone
Fomantic-UI - Fomantic-UI is the official community fork of Semantic-UI
tsup - The simplest and fastest way to bundle your TypeScript libraries.
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library