Interface Essential

Business

Images Photography

Money Shopping

Programming

Computer Devices

Phone

Mail

Map Travel

Food Drink

Nature Ecology

Entertainment

Shipping

Culture

Health

Work Education

Artificial Intelligence

Arrows

Streamline 3.0

Ultimate

Core

Flex

Sharp

Plump

Micro

Freehand

Streamline Material

Nova

Cyber

Streamline Vault

Logos

Pixel

Google Material

Tabler

Remix

Feather

Iconoir

Carbon

Solar

Lucide

Brand Logos

Bootstrap

Atlas

Unicons

Ionic Icons

Phosphor

MingCute

Font Awesome

Majesticons

Mynaui

Radix

Heroicons

Flagpack

Cyber Duotone - Free

Badge

Cyber Line - Free

Badge 1

Rounded Line - Streamline Material

Privacy Security

Cyber Line

Vote Rewards

Sharp Line - Streamline Material

Cyber Duotone

Outlined Line - Streamline Material

Outlined Fill - Streamline Material

Badge Fill

New Badge

Social

Nova Line

Heart Badge

Like Love

Ultimate Bold

Sign Badge Badge 1

Sign Shapes

Ultimate Duotone

Check Badge

Form Validation

Thumbup Badge

Rounded Fill - Streamline Material

Ultimate Colors - Free

Maps Navigation

Ultimate Duotone - Free

Ultimate Regular

Sign Badge Badge

Ultimate Colors

Core Gradient

Badge Alert

Badge Star 1

Plump Pop

Star Badge

Trophy Award

Verified Badge

Heart Badge 2

Award Badge 1

Rewards Awards

Nova Solid

Heart Badge 1

Ultimate Light

Ultimate Bold - Free

Core Pop

Sharp Neon

Medal Badge Star

Plump Duo

Core Flat

Badge Star 2

Plump Solid

Flex Line - Free

Micro Line

Army Badge 1

Army

Police Badge

Police

Window Badge

Application

Thumbup Badge 1

Award Badge 2

Flex Pop - Free

<p>Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal.&nbsp;The Duo style is perfect for projects that require differentiation between actions, using color to convey meaning effectively. It also allows you to customize the line thickness.&nbsp;All Flex Duo icons are designed on a 14px grid with a 1px default stroke and two customizable colors.</p>

Flex Duo

**Summary**: Flex's two-color system — 1px organic line with dark periwinkle blue primary and lighter blue secondary, adding colour depth and structured hierarchy with the flowing visual quality unique to the Flex family. Organic curves keep the two-color system from reading as corporate despite the blue palette, making it softer and warmer than equivalent duo systems in more geometric families. The tone signals organic structure: "we differentiate through flow, not rigidity." Best for modern SaaS wanting a two-tone icon system with organic visual quality, products with a brand blue where the duo adds depth without imposing rigid geometry, and feature and documentation sections.

**Last updated**: 2026-04-23

---

## Fit & Recommendation

### Primary use cases

- Modern SaaS wanting a two-tone icon system with organic visual quality
- Products with a brand blue where the duo treatment adds depth without rigid geometry
- Feature comparison, help, and documentation sections

---

## Brand & Cultural Identity

### What it communicates

> "We differentiate through flow, not rigidity."

---

## Visual & Technical Specs

### Visual properties

| Property | Value |
|----------|-------|
| Stroke weight | 1px |
| Fill | None (line only) |
| Corner treatment | Smooth fluid curves |
| Color | Dark periwinkle blue + lighter blue secondary |

### Emotional Scores

Flex Duo is somewhat warm — the blue two-color palette is cool, but organic 1px curves soften the coolness compared to geometric duo sets. It is among the softest sub-styles in the catalog — the 1px organic curves in a two-color system remain visually soft despite the structural intent. It is somewhat warm on friendliness — the two-color system adds structure while organic shapes keep it from reading as corporate. It is near neutral on playfulness leaning slightly serious — colour differentiation reads as functional and considered rather than playful or severe. On its human↔mechanical character, it is one of the more human-feeling sub-styles in the catalog — the two-color system adds semantic structure while organic curves retain a natural quality.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: Plus Jakarta Sans — humanist warmth appropriate for the flowing two-color system
- **Alternative**: Outfit — modern humanist, pairs with the blue duo
- **Body**: Inter Regular
- **Avoid**: IBM Plex Sans — engineering register creates personality conflict with organic curves


<p>Flex is a fluid icon family inspired by nature’s curves. It favors smooth, flowing forms. More organic than Core and subtler than the chunky Plump. Read about the <a href="https://blog.streamlinehq.com/flex/" rel="noopener noreferrer" target="_blank">design process</a>.</p>

Fluid icons

Badge Alert icon - Flex Duo Set

Download Badge Alert SVG vector or transparent PNG icon in Duo, Filled, Stroke style(s) for Sketch and Figma. It belongs to Flex Duo vectors SVG collection.