Shade icons

6 icons carry the tag shade, across Home, Interface, Education and Weather. Blind, Colour sample, Gradient fill and 3 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 6 shade icons, described

Blindblind: The slats and their cord.
Colour samplecolor-sample: Colour sample — that exact shade lifted off the page with an eyedropper.
Gradient fillgradient-fill: A gradient fill — dense to sparse, left to right, a fade across a shape.
Parasolparasol: The canopy with its scalloped hem.
Shadeshade: The sun with a parasol between it and the ground.
Shade and tintshade-tint: The same colour, light to dark.

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

Tags these icons also carry

cover19 fill4 pick16 shadow3 steps27

Every shade icon, free to ship

6 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