Two-tone icons with an accent color
Twotone icons draw the outline in your main color and the details in an accent color, a simple way to bring your brand color into the interface.
- 105K+ icons
- 4,406 designs
- 8 styles
- 3 corner shapes
- 24px grid
- Free Stroke set
Twotone style
A few of the most used two tone 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
Can I change the accent color?
Yes. Pass accentColor in React, React Native and Flutter, or accent-color in Vue.
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