Swatch 16 Solid icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-swatch-16-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-swatch-16-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-swatch-16-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-swatch-16-solid.json
Category:interface
Tags:swatchcolorpalettethemepickercustomizationhue

The swatch icon represents color selection and palette management with its color sample design showing hue options.

This color symbol has become the universal indicator for color pickers, theme customization, palette selection, and color management across all modern design tools and theme systems.

Frequently Asked Questions

Common questions about the Swatch 16 Solid icon

Similar Icons

Building Office 20 Solid - interface icon from HeroIcons
building office 20 solid
Bell Snooze - communication icon from HeroIcons
bell snooze
H1 20 Solid - typography icon from HeroIcons
h1 20 solid
Globe Asia Australia - navigation icon from HeroIcons
globe asia australia
Calendar Date Range - interface icon from HeroIcons
calendar date range
Bolt Slash 20 Solid - status icon from HeroIcons
bolt slash 20 solid
Paper Clip Solid - actions icon from HeroIcons
paper clip solid
Exclamation Triangle - status icon from HeroIcons
exclamation triangle
Globe Americas Solid - navigation icon from HeroIcons
globe americas solid