ailwindlabs/heroicons: A set of free MIT-licensed high-quality SVG icons for UI development.
github.com · 481 words · saved by 1 readers
A set of free MIT-licensed high-quality SVG icons for UI development.
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. Available as basic SVG icons and via first-party React and Vue libraries. Browse at Heroicons.com → Basic Usage The quickest way to use these icons is to simply copy the source for the icon you need from heroicons.com and inline it directly into your HTML: < svg class =" size-6 text-gray-500 " fill =" none " viewBox =" 0 0 24 24 " stroke =" currentColor " stroke-width =" 2 " > < path stroke-linecap =" round " stroke-linejoin =" round " d =" M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z " /> </ svg > Both icon styles are preconfigur
related reading
- Free SVG Icons - 300,000+ Open Source Icons | Iconbuddyiconbuddy.com
- morphicons — SVG icon morphing library for React, Vue & Sveltemorphicons.com
- GitHub - guillermolg00/morphicons: Any icon morphs into any other — universal morphing for stroke-based icons with spring physics. Zero dependencies, ~7 KB gzip.github.com
- React Iconsreact-icons.github.io
- Motion (prev Framer Motion): JavaScript & React animation librarymotion.dev
- Feather – Simply beautiful open source iconsfeathericons.com
- Canvas UI: Creative Canvas, WebGL and WebGPU Component Librarycanvasui.dev
- Line Awesome — Free Beautiful Icon Fonticons8.com
- React Components, Templates & Themes — 12,000+ Crafted UI | 21st21st.dev
- Shadersshaders.com
- srclsacred.computer
- Node-Based UIs in React - React Flowreactflow.dev