Show all available icon sets

Show all icons from HeroIcons v1 Solid

HeroIcons v1 Solid

Author:: Refactoring UI Inc

License:: MIT

heroicons-solid:color-swatch

Code for "color-swatch" for developers:

SVG HTML React Vue Svelte Ember

SVG SVG with viewBox rectangle SVG as data: URI

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" 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-2H4Zm1 14a1 1 0 1 0 0-2a1 1 0 0 0 0 2Zm5-1.757l4.9-4.9a2 2 0 0 0 0-2.828L13.485 5.1a2 2 0 0 0-2.828 0L10 5.757v8.486ZM16 18H9.071l6-6H16a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2Z" clip-rule="evenodd"/></svg>

Download SVG

About Iconify

Iconify gives you freedom to use any icon in your project.

There are many tools and components available, for both coders and designers. Check out Iconify documentation.