Beautiful hand-crafted SVG icons by the makers of Tailwind CSS — 316 MIT-licensed icons in outline, solid, mini and micro styles with React and Vue libraries.
SVGTailwindOpen Source+2
heroicons.com
Keylineicons
keylineicons.com
1,366 free MIT-licensed icons on one 24×24 grid, in stroke, two-tone, duotone and fill — set the exact size and stroke you ship, copy as SVG or JSX.
What is Keylineicons?
Keyline Icons keeps every glyph on a single 24×24 grid, so icons stay consistent whether you use stroke, two-tone, duotone or fill variants in rounded or sharp corners. The preview lets you dial in the pixel size and stroke width you actually ship at, then copy any icon as SVG or JSX. Built with shadcn/ui in mind, the set spans 40+ categories from arrows and charts to finance and weather.
Best for
- shadcn/ui projects wanting matching free icons
- Icon sets tuned to exact size and stroke
- MIT-licensed icons for commercial products
Key features
- 1,366 icons on one 24×24 grid, MIT licensed
- Stroke, two-tone, duotone and fill variants
- Copy as SVG or JSX at your exact size
- Built for shadcn/ui
Related resources
heroicons.com
Motion-first animated icons you copy straight into your app, with one-command shadcn CLI installs and open-source code on GitHub.
AnimationSVGOpen Source+2
itshover.com
Visitopens in a new tab
A community-made icon toolkit of 1,877 consistent, lightweight SVG icons, tree-shakable and customizable across all major package managers.
IconsSVGOpen Source+2
lucide.dev
Visitopens in a new tab