Duotone icons
Duotone icons pair a crisp outline with a soft fill of the same color. They add depth to feature lists, empty states and dashboards without adding visual noise.
- 105K+ icons
- 4,406 designs
- 8 styles
- 3 corner shapes
- 24px grid
- Free Stroke set
Duotone style
A few of the most used duotone icons. Click any icon for the SVG, code and all 8 styles.
Why teams pick Nuqta
One consistent systemEvery icon shares one 24px grid, one stroke weight and the same corner rules.
8 styles, 3 cornersStroke, Light, Bold, Filled, Duotone, Twotone, Tint and Shift, each Round, Classic or Sharp.
Design and code in syncFigma plugin plus packages for React, Vue, React Native and Flutter, with matching names.
Commercial licenseUse the icons in your products and client work. The Stroke set is free.
Questions
What is the difference between duotone and twotone icons?
Duotone uses one color at two strengths. Twotone uses your main color plus an accent color for details.
Browse by category
Icons sorted the way you look for them.
Alerts & StatusArrows & DirectionsArtificial IntelligenceBadges & RewardsBusiness & MoneyCelebrationsCharts & DiagramsCode & DevDesign ToolsDevices & HardwareFaces & EmojiFashion & BeautyFiles & DocsFood & DrinkGames & PlayHand GesturesHealth & MedicalHome & LivingInterface ControlsIslamicLaw & JusticeLayout & GridsLearning & SchoolMaps & LocationAll categories