DarnlyIcon finder: free icons for your project
Search four popular free icon sets at once. Change the size, line thickness and color and watch every icon update, then copy the one you like as SVG, JSX or a React import.
Free from Darnly. Spot a bug in the app you're building? Darnly hands it to Claude Code, Codex or Cursor in one key.Add to Chrome
Loading icons…
No icons match. Try a simpler word, like user instead of profile picture, or pick “All sets”.
More free tools
See all 89 tools- Font finderSee what fonts any website uses, whether they’re free, and copy them into your project.
- Color palette from imageThe main colors of any screenshot or logo, as hex, CSS and Tailwind.
- Website color finderGet any website’s color palette and CSS color variables, ready for CSS, Tailwind or your AI agent.
How it works
- Type what you need, like
home,settingsorarrow. We search icon names and tags across Lucide, Heroicons, Tabler and Phosphor at once. - Change the size, line thickness and color. Every icon in the grid updates as you drag, so you can see which set fits your design.
- Click an icon to see it big, then copy it as SVG, as JSX for React, as an import line for the set’s React package, or as a data URI for CSS.
Questions
Can I use these icons in a paid product?
Yes. Lucide is ISC and Heroicons, Tabler and Phosphor are MIT. Both licenses let you use the icons in personal and commercial projects for free. Keep the license text if you ship the icon package itself.
Should I paste the SVG or install the package?
If you need a few icons, paste the SVG or JSX. It adds nothing to your bundle. If you use many icons from one set, install its React package (the import line tells you which) and your AI agent can reuse it everywhere.
What do I tell my AI coding agent?
Copy the import line and paste it with a note like “use this icon for the settings button”. It has the package name, the icon name and the size, so the agent doesn’t have to guess.
Why doesn’t line thickness change some icons?
Filled icons and all Phosphor icons are drawn as solid shapes, not lines, so they have no line thickness. Lucide, Tabler and Heroicons outline icons are lines, so the slider changes them.
Which icon set should I pick?
Pick one and stick with it, so your app looks consistent. Lucide is the default in shadcn/ui. Heroicons comes from the Tailwind team. Tabler has the most icons. Phosphor has a softer, rounder style.
Is anything uploaded?
No. The icon lists load from this site and the search runs in your browser.