Heroicons is a collection of MIT open source interface icons for web and app development. Icons are free, no attribution required.
πΌοΈ Icons by @steveschoger π
π₯οΈ Website by @username_ZAYDEK π
π Share on Twitter π
Looking for the official Heroicons website?
β¨ Dark mode π
β¨ Flexible search (search camel-case, kebabCase, space case)
β¨ View icons from all variants and versions (includes legacy icons)
β¨ Preview icon size and stroke width πͺ
β¨ Copy to the clipboard as code or @heroicons π import
β¨ Format as JSX, Strict JSX, and TypeScript JSX π¦Ύ
β¨ Download icons, filenames and extensions are auto-generated from settings
β¨ All state is pesisted via search parameters
heroicons.dev has been around for a while (the first Heroicons website in existence π€) and has evolved. The current technology stack is:
π₯ Vite π
π₯ TypeScript π
π₯ React π
π₯ UnoCSS π
π₯ Sass π
Start the development server:
npm run dev
# Or npx vite dev
Build the production-ready build:
npm run build
# Or npx tsc && npx vite build
Serve the production-ready build:
npm run preview
# Or npx vite preview
Licensed as MIT open source.