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.