Open Source · MIT License · Free Forever

Free Two Color Icons
in SVG for Modern
Web Design

90+ free, open-source two-tone SVG icons with native support for React, Vue, Svelte, Flutter, Tailwind CSS and more. Tree-shakeable · TypeScript · MIT licensed.

Browse Icons Star on GitHub
Install Vanilla
bash
npm install duo-icons
Color
Size
px

Everything you need

DuoIcons is built for developers who care about quality, performance and developer experience.

🌳

SVG Icons

Easily download fully customizable two-color SVG icons. Perfect for all your design projects.

⚡

TypeScript Compatibility

Enjoy full type safety with auto-complete in VS Code and all modern editors.

✦

Web Optimized SVGs

All icons are meticulously crafted and optimized with SVGO, ensuring clarity at any resolution.

🧩

Support for 9 Frameworks

Use our icons in React, Vue, Svelte, Flutter, Tailwind, Alpine, Vanilla JS, React Native, and more.

🎨

Fully Customisable

Easily adjust colors and dimensions to fit your brand or design style.

⚖️

MIT License

Access free icons for both personal and commercial use. No attribution required.

Quick Start Guide

From zero to icons in under a minute.

1

Install the package

bash
npm install @duo-icons/react
2

Import and use

App.tsx
tsx
import { AlignBottom } from '@duo-icons/react';

export default function App() {
  return (
    <AlignBottom
      size={32}
      color="#6366f1"
    />
  );
}
Read the full documentation

Frequently Asked Questions

Everything you need to know about DuoIcons.

Q What are DuoIcons free two color icons in SVG?
At DuoIcons, we provide a premium library of free two color icons in SVG format, specifically engineered for modern web developers and designers. Our icons feature a minimalist dual-tone style that ensures a professional look while remaining 100% scalable and lightweight for any digital project.
Q How can I download or copy free two color icons in SVG from DuoIcons?
Getting your free two color icons in SVG at Milcons is instant and requires no registration. To use them in your project, simply follow these steps:
1. Browse our library and click on your preferred dual-tone icon.
2. Customize the colors (optional) to match your brand's UI.
3. Download the SVG file for high-quality resolution or Copy to Clipboard to paste the SVG code directly into your HTML/CSS. All our free two color icons in SVG are optimized for web performance and scalability.
Q Are DuoIcons icons licensed for commercial use?
Yes! All free two color icons in SVG from Milcons are released under the MIT License. This means you can use our dual-tone vectors freely in both personal and commercial projects. Best of all, no attribution is required, making them perfect for professional web development and app design.
Q What frameworks and libraries are compatible with DuoIcons?
All free two color icons in SVG from Milcons are designed for universal compatibility. You can seamlessly integrate our dual-tone icons into modern frameworks such as:
1. Web: React, Vue, Svelte.
2. Mobile: Flutter and React Native.
3. Styling: Tailwind CSS, Bootstrap, and Vanilla CSS.
4. Core: Standard HTML and Vanilla JS.
5. Since our free two color icons in SVG are code-based, they work wherever SVG is supported.
Q Can I customize the colors of DuoIcons free two color icons in SVG?
Yes! Every free two color icons in SVG from Milcons is fully editable. Since they are code-based vector files, you can customize them in two ways:
1. Design Software: Open them in Figma, Adobe Illustrator, or Sketch to modify strokes and fills.
2. Web Development: Change colors dynamically using CSS classes (fill/stroke) or inline attributes.
This flexibility makes our free two color icons in SVG the perfect match for any brand identity or UI design system.
Q Can I request custom designs for the DuoIcons free two color icons in SVG collection?
Yes, we love hearing from our community! If you can't find the specific free two color icons in SVG you need for your project, you can submit a request through our Request Form. We regularly update our library based on user suggestions to ensure DuoIcons remains the most complete resource for free two color icons in SVG.
Q Where can I find technical support for DuoIcons free two color icons in SVG?
If you have questions about implementing our free two color icons in SVG, we are here to help! You can access our Full Documentation for quick integration guides or contact our dedicated support team directly github

☕

DuoIcons is free — help keep it that way

Maintaining an open-source icon library takes time and effort. If DuoIcons saves you time, consider buying us a coffee.

☕ Support on Ko-fi ⭐ Star on GitHub