Colour icons

8 icons carry the tag colour, across Interface, Education, Commerce and Weather. Colour wheel, Crayon, Eyedropper and 5 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 8 colour icons, described

Colour wheelcolour-wheel: The circle with the primaries in it.
Crayoncrayon: The wax stick in its wrapper.
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.
Product colourproduct-colour: The product box with a swatch in it — which colour it comes in.
Rainbowrainbow: Three arcs over the ground.
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 { ColourWheel } from "@iconmind/react/icons/colour-wheel" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

sample11 format6 option4 palette3 pick16 product13 text26 theme3 wheel6

Every colour icon, free to ship

8 of 5,287 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 tags Install the package Request an icon