Iconify
.design
Show Iconify website navigation
Add to favorites
HeroIcons
by
Refactoring UI Inc
License:
MIT
(commercial use is allowed, no attribution required)
Browse all icon sets
Browse HeroIcons
Icon:
variable
Default
heroicons:variable
- Iconify Icon
HeroiconsVariable
- Component name
icon-[heroicons--variable]
- Tailwind CSS
i-heroicons:variable
- UnoCSS
i-heroicons-variable
- UnoCSS
variable
- Name only
heroicons/variable
heroicons--variable
Size:
Color:
Stroke width:
SVG
SVG
Symbol
JSX
CSS
URL
CSS
UnoCSS
Tailwind CSS
Components
Vue
React
Svelte
Astro
Unplugin Icons
Iconify Icon
Prettify code
Add empty rectangle
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.745 3A23.933 23.933 0 0 0 3 12c0 3.183.62 6.22 1.745 9M19.5 3c.967 2.78 1.5 5.817 1.5 9s-.533 6.22-1.5 9M8.25 8.885l1.444-.89a.75.75 0 0 1 1.105.402l2.402 7.206a.75.75 0 0 0 1.104.401l1.445-.889m-8.25.75l.213.09a1.687 1.687 0 0 0 2.062-.617l4.45-6.676a1.688 1.688 0 0 1 2.062-.618l.213.09"/></svg>
Copy to Clipboard
Download