Show all available icon sets
Show all icons from HeroIcons Solid
HeroIcons Solid
Author:
Refactoring UI Inc
License:
MIT
collection
credit-card

20 x 20

Selected icon:
heroicons-solid:color-swatch

Customize "color-swatch" icon:

Color

Size

Flip

Rotate

Mode

Code for "color-swatch" for developers:

HTMLReactVueSvelteEmberSVG
SVG FrameworkCSS

Iconify SVG framework makes using icons as easy as icon fonts. To use "color-swatch" in HTML, add this code to the document:

<span class="iconify" data-icon="heroicons-solid:color-swatch"></span>

Iconify SVG framework will load icon data from Iconify API and replace that placeholder with SVG.

Make sure you import Iconify SVG framework:

<script src="https://code.iconify.design/2/2.2.1/iconify.min.js"></script>

Click here for more information about Iconify SVG framework.

Iconify tries to unify all icon sets. You can use the same code no matter what icon set you choose. You can mix icons from multiple icon sets on the same page.

Icon data for all icons shown above is available for developers. You can use it with your own icon components, generate SVG, convert to other formats. See icon data documentation. Icon sets are automatically kept up to date, making sure you always have access to the newest icons.

See Iconify.design to learn more about Iconify project or about Iconify page to see why Iconify exists.