Heroicons
Font Awesome
Feather Icons
Tabler Icons
Icons8
Iconbuddy
The Noun Project
Iconoir
cssPicker.dev
Iconbuddy
DivMagic
SuperDev Pro
CSS Scan
Watermelon.to
Hoverify
Tailscan for Tailwind CSS
Tired of manual coding and tedious conversions? cssPicker can help you copy html and css from any website with one click, and convert to jsx or tailwind css component.
Features:
cssPicker.devHeroicons is recommended for web developers and designers using frameworks like Tailwind CSS, but it is also suitable for any project requiring consistent and scalable icons. It is particularly useful for those building modern, minimalist interfaces or who prioritize integration with Tailwind CSS.
cssPicker.dev's answer:
you can convert css to tailwind & react component, and we provide free version
cssPicker.dev's answer:
Recently, I decided to become an independent developer. When I started working on my first website (a landing page), it took me two weekends to complete.
You might find it hard to believe, but the majority of the time was spent dealing with UI styling. This was quite frustrating for me as it seemed that creating a decent UI interface was taking an unexpectedly long time.
That's when I had the idea: why not develop a tool to help expedite the UI development process? This is how cssPicker came into existence, a chrome extension to copy css from any website.
cssPicker.dev's answer:
tailwind, react, css, javascript
cssPicker.dev's answer:
web develops who want to build beautiful web ui fast
Based on our record, Heroicons seems to be more popular. It has been mentiond 76 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Icon libraries like Heroicons (MIT license) and Lucide (ISC license) ship as SVG for good reason. Each icon is a few hundred bytes, scales to any size, and can be styled with CSS — change the color, stroke width, or size without touching the image file. - Source: dev.to / 5 months ago
For your theme toggle, always use clear and intuitive icons (like a sun for light mode and a moon for dark mode). Libraries like Heroicons or Font Awesome are excellent choices that I highly recommend. - Source: dev.to / about 1 year ago
Heroicons offers clean, minimalist icons in solid and outline styles, created by the Tailwind CSS team. Integrated through Ng Icons for Angular compatibility with around 500 icons total. - Source: dev.to / about 1 year ago
Heroicons is an icon set created by the Tailwind Labs team featuring two primary styles: outline and solid. The icons are designed with clarity and balance, making them a popular choice especially in Tailwind CSS projects. - Source: dev.to / about 1 year ago
Document Address: Heroicons Official Document. - Source: dev.to / over 1 year ago
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!
Iconbuddy - 200K+ open source SVG icons, fully customizable!
Feather Icons - Simply beautiful open source icons
DivMagic - Copy design from any website Copy any element from any site and paste them directly into your codebase With one click, users can get compact and re-usable code in CSS or Tailwind CSS in HTML or JSX. Clone or copy a website easily with one click.
Tabler Icons - 550+ free fully customizable SVG icons
SuperDev Pro - 14-in-1 browser extension developers and designers love.
