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 Line - Free

Credit Card 1

Money Business

Credit Card Add

Cyber Duotone - Free

Credit Card

Kameleon Colors - Free

Credit Card 3

Shopping

Freehand Duotone - Free

Money Payments Finance

Freehand Line - Free

Credit Card Payment Machine

Sharp Line - Free

Credit Card Disable

Core Gradient - Free

Flex Solid - Free

Credit Card 4

Cyber Line

Credit Card Mobile

Credit Card Payment

Outlined Line - Streamline Material

Credit Score

Business Payments

Freehand Duotone

Credit Card Payment Swipe

Credit Card Payments

Core Gradient

Flex Pop

Ultimate Bold

Credit Card 1 Alternate

Core Duo

Core Remix

Stickies Duo

Credit Card 2

Business Money

Ultimate Colors

Sharp Gradient

Sharp Duo

Sharp Pop

Kameleon Pop

Credit Card 5

Core Neon

Sharp Line

Flex Flat

Flex Remix

Flex Solid

Rounded Fill - Streamline Material

Credit Card Fill

Flex Line

Sharp Remix

Credit Card Gear Settings Nut

Nova Line

Core Flat

Ultimate Light

Credit Card Dollar

Ultimate Duotone

Core Solid

Sharp Solid

<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

Credit Card Approved

Credit Card Approved icon - Flex Duo Set

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