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

Align Left 1

Align Right 1

Align Center

Align Bottom

Align Top

Align Left

Align Right

Align Top 1

Align Left 2

Align Bottom 2

Align Right 2

Align Horizontal Center 1

Align Front

Align Top 2

Align Middle

Align Left Right

<p>Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal.&nbsp;The Pop style is useful for projects that need a colorful touch, helping to capture attention and strengthen brand recognition.&nbsp;All Flex Pop icons are designed on a 14px grid with a mix of outlined and filled shapes, including a wide color palette.</p>

Flex Pop

**Summary**: Flex's consumer colour sub-style — organic curved construction with navy primary and warm saturated fills (yellow, coral, teal, green), delivering colour energy with a refined, flowing quality that geometric multi-color sets cannot match. The organic curved construction elevates the colour energy from casual to considered. The tone signals living colour: "we are alive with colour and curve." Best for modern consumer apps needing colour-based feature differentiation with visual quality, wellness and lifestyle products, and landing pages for consumer SaaS with strong brand colour where organic refinement is part of the brand signal.

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

---

## Fit & Recommendation

### Primary use cases

- Modern consumer apps needing colour-based feature differentiation with refined visual quality
- Wellness and lifestyle products where vibrant colour meets organic form
- Landing pages and feature sections for consumer SaaS with strong brand colour

---

## Brand & Cultural Identity

### What it communicates

> "We are alive with colour and curve."

---

## Visual & Technical Specs

### Visual properties

| Property | Value |
|----------|-------|
| Stroke weight | Variable |
| Fill | Mix outlined + filled per element |
| Corner treatment | Smooth fluid curves |
| Color | Navy primary + yellow, coral, teal, green saturated fills |

### Emotional Scores

Flex Pop is one of the warmer sub-styles in the catalog — navy and warm saturated fills on organic curved forms combine colour warmth with the warmth of organic form. It is one of the softer sub-styles in the catalog — colour fills and organic curved construction prevent hardness from being perceived. It is one of the friendlier sub-styles in the catalog — multi-color organic forms read as inviting and modern, less casual than geometric Pop equivalents. It is one of the more playful sub-styles in the catalog in a refined register — colour energy and organic curves create a fresh, light quality that is more considered than outright playful. On its human↔mechanical character, it is one of the most human-feeling sub-styles in the catalog — warm colour expressiveness and organic curves sit firmly in the human register.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: Plus Jakarta Sans — humanist warmth handles multi-color organic icon environments without becoming competitive
- **Alternative**: Outfit Medium — clean, slightly warmer than Inter
- **Display**: Syne ExtraBold — organic flowing display weight for campaign contexts
- **Body**: DM Sans Regular
- **Avoid**: Rounded display fonts at display weight (Nunito, Poppins, Fredoka) — the cartoon register conflicts with Flex's organic refinement


<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

Align Both Bottom

Align

Align Both Bottom icon - Flex Pop Set

Download Align Both Bottom SVG vector or transparent PNG icon in Pop, Filled style(s) for Sketch and Figma. It belongs to Flex Pop vectors SVG collection.