Iconify
.design
Show Iconify website navigation
Add to favorites
HeroIcons v1 Outline
by
Refactoring UI Inc
License:
MIT
(commercial use is allowed, no attribution required)
Browse all icon sets
Browse HeroIcons v1 Outline
Icon:
volume-up
Default
heroicons-outline:volume-up
- Iconify Icon
HeroiconsOutlineVolumeUp
- Component name
icon-[heroicons-outline--volume-up]
- Tailwind CSS
i-heroicons-outline:volume-up
- UnoCSS
i-heroicons-outline-volume-up
- UnoCSS
volume-up
- Name only
heroicons-outline/volume-up
heroicons-outline--volume-up
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="2" d="M15.536 8.464a5 5 0 0 1 0 7.072m2.828-9.9a9 9 0 0 1 0 12.728M5.586 15H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707z"/></svg>
Copy to Clipboard
Download