1,512 free icons from the Phosphor family in the duotone variant. Each icon uses two layers: a solid foreground stroke and a softer background fill at reduced opacity. This creates a sense of depth and visual richness that single-color icons can't achieve. MIT licensed SVGs.
Free & Open Source
Free for personal & commercial use, with credit
Add a visible credit such as Icons by GetIllustrations.com with a link. Use them in websites, apps, print, presentations and client work. Full license details
Duotone is where Phosphor gets interesting. Instead of one flat layer, each of these 1,512 icons uses two distinct visual layers. The primary strokes define the icon's shape with full opacity. A secondary fill layer sits behind them at reduced opacity, adding depth, dimensionality, and a subtle sense of volume that flat icons lack.
Single-color icons are workhorses. They do the job. But duotone icons do the job with style. The secondary layer creates natural visual weight distribution within each icon, guiding the eye to the most important element. A folder icon doesn't just show a folder shape. It shows the folder body as a filled area with the tab and details rendered as crisp foreground strokes. You perceive depth without any gradients or shadows.
Marketing websites where icons need to feel premium, not utilitarian
App onboarding flows where richer visuals improve comprehension
Feature comparison grids where icons need to carry visual weight
Dashboard sidebar menus where the active state can use full opacity and inactive states use the reduced layer
Presentation slides where icons need to read from a distance
1,512 icons with consistent two-layer treatment
Background layer uses 20% opacity by default (easily adjustable in SVG)
Same icon shapes as all other Phosphor weights
Clean SVG markup with clearly separated layers
MIT licensed for unrestricted use
The opacity of the background layer is a single attribute change in the SVG. Set it to 10% for a subtle hint, or 40% for a bolder effect. This gives you fine-grained control over the visual intensity without needing separate icon files.
For the simplest Phosphor expression, use Phosphor Regular. For maximum impact, try Phosphor Bold. Compare all variants in our icon packs collection, or adjust colors with the Free SVG Color Editor.
The Phosphor Duotone Icons pack is a set of 1,512 flat icons made for websites, apps, dashboards, presentations and design systems. Each one is a clean, pixel-perfect vector that stays sharp at any size and recolours right in your browser before you download.
Icons come in SVG, PNG, Iconjar and stay fully editable in Figma, Sketch, Illustrator or any tool that opens SVG. To change their colours without a design app, use our free online SVG color editor. Every icon is free to download for personal and commercial use, with a visible credit to GetIllustrations.
This pack spans 6 topics (technology (384), technology software (124), technology hardware (96), design ui design (73), marketing social media (59) and communication community (44) icons), so it drops straight into real product UI. Use the category links below to explore related icons across the full library.
Yes. Every icon in the Phosphor Duotone Icons pack comes with a commercial license. Use them in websites, apps, marketing, presentations and paid client work, with no attribution required.
The Phosphor Duotone Icons icons are delivered as SVG and PNG, ready for web, mobile and design tools like Figma. Every SVG recolours in your browser before you download.
Yes, each icon is a fully editable vector. Change colours, strokes and sizes in any design tool, or recolour instantly in the browser.
Yes, the Phosphor Duotone Icons pack is free to download and use under our free license, including for commercial projects.
