Iconify.design Iconify
Thousands of icons, one unified framework.
  • Support Iconify
Show all available icon sets
Show all icons from HeroIcons v1 Solid
HeroIcons v1 Solid
Author:
Refactoring UI Inc
License:
MIT
collection
credit-card

20 x 20

heroicons-solid:color-swatch

Customize "color-swatch" icon:

Color

Size

Flip

Rotate

Code for "color-swatch" for developers:

SVGHTMLReactVueSvelteEmber
SVGSVG with viewBox rectangleSVG 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.

  • © 2020 - 2023 Iconify OÜ • About Iconify • Privacy Policy