Style pack Style Updated May 26, 2026

Duotone Icons

Two-tone designs using opacity for visual hierarchy. Phosphor's "-duotone" variant gives every concept a primary stroke plus a softer secondary fill, integrating into any palette.

44 icons

1 libraries

All open-source

house-duotone page

user-duotone page

gear-duotone page

magnifying-glass-duotone page

bell-duotone page

heart-duotone page

envelope-duotone page

phone-duotone page

calendar-duotone page

clock-duotone page

map-pin-duotone page

globe-duotone page

camera-duotone page

image-duotone page

video-duotone page

play-duotone page

pause-duotone page

speaker-high-duotone page

pencil-simple-duotone page

check-duotone page

x-duotone page

plus-duotone page

minus-duotone page

copy-duotone page

trash-duotone page

download-duotone page

upload-duotone page

share-duotone page

link-duotone page

lock-duotone page

lock-open-duotone page

eye-duotone page

list-duotone page

caret-left-duotone page

caret-right-duotone page

arrow-left-duotone page

arrow-right-duotone page

arrow-up-duotone page

arrow-down-duotone page

star-duotone page

bookmark-duotone page

shopping-cart-duotone page

wallet-duotone page

gift-duotone page

No icons match those filters.

44 icons shown · 0 in kit

About this pack

Duotone packages Phosphor's duotone weight — every concept rendered as a primary stroke plus a 20%-opacity secondary fill. The fill picks up the surrounding text color via currentColor, so the icons adapt to any brand palette without recoloring. Use these in marketing hero sections, branded web interfaces, and surfaces where you want to add a layer of visual depth without going full 3D.

Pack at a glance

CategoryStyle pack

TagStyle

Total icons44

Libraries1

Last updatedMay 26, 2026

Best for

Marketing hero sections

Branded web interfaces

Onboarding screens

Mid-2020s design

Style composition

0 outline44 filled

Outline icons follow the stroke-width control; filled icons paint with a single fill. All scale cleanly on their native grid.

Libraries in this pack

Every glyph is drawn from a real open-source set — here's exactly how the 44 icons break down, with each license.

Phosphor44 icons

by Helena Zhang & Tobias Fried

MIT

repo license browse

Licensing

Free for commercial use. This pack uses one license across its source:

MITPhosphor

Icons via DownloadIcons (downloadicons.com). Phosphor (MIT).

All 44 icons in the Duotone pack

Full index — every icon links to its own page with downloads in all formats.

Common questions

How many icons are in the Duotone pack?

44 icons, drawn from 1 open-source library: Phosphor (44).

Can I use these icons in commercial projects?

Yes. Every library in this pack is open source — Phosphor under MIT. Keep each library’s license text when redistributing source.

What formats can I export?

Individual SVG files (zipped), a single React .tsx component file, a Vue 3 .ts component file, or a ZIP of Svelte 5 components with an index.ts barrel — all generated in your browser from the same icon data, so the preview always matches the download.

Do outline and filled icons behave differently?

This pack contains 0 outline and 44 filled icons. Outline icons follow the stroke-width control and paint with stroke: currentColor; filled icons paint with fill: currentColor. Both inherit text color in your UI.

How is the kit saved?

Your kit (selection, order, and name) is stored in your browser’s localStorage, scoped to this pack only — nothing is uploaded, and it survives page reloads on this device.

Designers who used this pack also liked:

Style 50 icons