Iconify
.design
Show Iconify website navigation
Add to favorites
HeroIcons v1 Solid
by
Refactoring UI Inc
License:
MIT
(commercial use is allowed, no attribution required)
Browse all icon sets
Browse HeroIcons v1 Solid
Icon:
color-swatch
Default
heroicons-solid:color-swatch
- Iconify Icon
HeroiconsSolidColorSwatch
- Component name
icon-[heroicons-solid--color-swatch]
- Tailwind CSS
i-heroicons-solid:color-swatch
- UnoCSS
i-heroicons-solid-color-swatch
- UnoCSS
color-swatch
- Name only
heroicons-solid/color-swatch
heroicons-solid--color-swatch
Size:
Color:
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 20 20"><path fill="currentColor" fill-rule="evenodd" d="M4 2a2 2 0 0 0-2 2v11a3 3 0 1 0 6 0V4a2 2 0 0 0-2-2zm1 14a1 1 0 1 0 0-2a1 1 0 0 0 0 2m5-1.757l4.9-4.9a2 2 0 0 0 0-2.828L13.485 5.1a2 2 0 0 0-2.828 0L10 5.757zM16 18H9.071l6-6H16a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2" clip-rule="evenodd"/></svg>
Copy to Clipboard
Download