Skip to content
IconMind

Colour icons

4 icons carry the tag colour, all in Interface. Eyedropper, Palette, Swatch and 1 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

4 iconsOpen in browser
eyedropperpaletteswatchtext-color

The 4 colour icons, described

Eyedroppereyedropper
An eyedropper — pick a colour straight off the page and reuse it.
Palettepalette
A palette — the set of colours and swatches to choose from in a theme.
Swatchswatch
A card with a colour block and its name beneath — a swatch from a palette.
Text colourtext-color
A letter T with a colour bar beneath it — set the colour of selected text.

In code, each is one import — import { Eyedropper } from "@iconmind/react/icons/eyedropper" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

sample6format4pick9text21theme3

Every colour icon, free to ship

4 of 2,437 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.

All tagsInstall the packageRequest an icon