IconsPaid

Duotone Depot

1,100 two-tone icons where both colors are variables you can swap

About this resource

Duotone Depot draws each icon in two layers: a solid primary shape and a lighter secondary fill. In Figma both layers are bound to color variables, so recoloring the entire set to your brand takes one change. The 1,100 icons cover interface, commerce, devices, files, weather and travel, in sizes from 20px to 48px.

It works best on marketing pages, feature grids and onboarding screens where icons sit at larger sizes and carry some personality. The license allows commercial use for one designer and unlimited end products. The caveat: duotone loses its charm below 20px, so pair it with a simple outline set for dense toolbars.

Highlights

  • 01Both tones bound to swappable color variables
  • 02Drawn for 20px to 48px display sizes
  • 03CSS custom properties for recoloring SVGs on the web

Tags

Related resources

More in Icons
  • 150 animated interface icons as Lottie, SVG and CSS

    • animated
    • lottie
    • micro-interactions
    FreemiumFree / $8/mo
  • 220 file-type icons for upload screens, file browsers and docs

    • file types
    • uploads
    • svg
    Paid$12
  • 640 chunky filled icons for friendly consumer apps

    • filled
    • rounded
    • mobile
    Paid$19
Live demo · Kerning Shelf— View template →