zero·style

Dictionary entry

duotone icon

View related-term graphUse in a brief
Was this helpful?
Graphic designCurated · verified

An icon that uses two tones of a colour, typically a solid part and a lighter transparent part, to add depth without full colour. It reads as slightly richer than a plain single-colour icon.

Synonyms

  • two-tone icon

Related terms

In plain words

  • an icon in two shades of one colour
  • an icon with a light and dark part

Usage example

The dashboard used duotone icons so the symbols felt fuller without introducing lots of colours.

Don't confuse with…

  • filled iconA filled icon uses one solid colour; a duotone icon splits into a strong tone and a lighter secondary tone.

Categories

  • Iconography

Related-term graph

Two hops from duotone icon — click a term to open its entry, or re-center the graph on it

Focus term

Directly related

Two hops away

  • Relatedduotone icon related of filled icon
  • Relatedduotone icon related of icon set
  • Relatedduotone icon related of line icon
  • Relatedfilled icon related of duotone icon
  • Relatedline icon related of filled icon
  • Relatedicon set related of icon grid
  • Relatedline icon related of icon set
  • Relatedfilled icon related of icon set
  • Relatedicon set related of line icon
  • Relatedfilled icon related of line icon
  • Relatedicon set related of stroke weight
  • Relatedline icon related of stroke weight
  • Relatedicon set related of system icon

Stop describing. Start naming.

Turn a plain-language description into a designer-ready brief in minutes.

Start a brief