Line Duo Tone Icons
1,180 icon elements1,180 line icons with a sophisticated two-tone blue palette built on the Material Design grid. The line work provides structure while the secondary blue tone adds depth and visual interest. A refined middle ground between pure line icons that feel too stark and fully colored icons that feel too busy.
Pure line icons sometimes feel too clinical. Fully colored icons sometimes feel too loud. The Line Duo Tone collection threads the needle with 1,180 icons that use a subtle two-tone blue system: the primary line work defines the shape while a softer secondary blue adds dimension and visual weight. The result is icons that feel refined and polished without being distracting.
Built on the Material Design grid
Every icon follows the Material Design 24px grid specification, which means seamless integration with Angular Material, Flutter, and any framework that follows Google's design guidelines. The grid compliance isn't approximate, it is pixel-level precise, ensuring consistent visual weight and alignment across your entire interface.
What is included
- 1,180 icons with consistent two-tone blue treatment
- Material Design 24px grid compliance
- Primary stroke in darker blue, secondary elements in lighter blue
- Designed for seamless integration with Angular, Flutter, and React Material UI
- Production-ready SVG with semantic layer naming
- Source AI files for custom color palette adjustments
The sophistication of restraint
The two-tone blue palette was chosen deliberately. Blue is the most universally trusted color in digital interfaces. By limiting the palette to two tones of a single hue, these icons add visual interest without introducing the complexity of a multi-color system. They feel premium without demanding attention.
For a more colorful two-tone approach, our Accent Duo Tone Icons offer brandable accent colors across a larger set. For pure single-tone lines, try our Responsive Line Icons.
These pair well with Flavor Technology Illustrations for Material Design projects, or Flavor Startup Illustrations for modern SaaS products.
Customize with our Free SVG Color Editor, or access via Figma Plugin.
Note: This pack may include representations of third-party logos, social media icons, national flags, and brand symbols. These elements are provided as free reference assets only and remain the intellectual property of their respective owners. They are not sold as part of this product and should be used in accordance with each brand's usage guidelines.
Purchased this pack?
