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

Outlined Line - Streamline Material Free

Split Vertical

Common Actions

Rounded Line - Streamline Material Free

Outlined Fill - Streamline Material Free

Split Vertical Fill

Sharp Remix - Free

Flip Vertical Arrow 2

Core Duo - Free

Flip Vertical Square 2

Nova Line - Free

Menu More Vertical

Sharp Line - Streamline Material

Flip Vertical

Photo Image

Sharp Line

Spacing Vertical

Edit

Ultimate Light

Expand Vertical 2

Resize

Ultimate Bold

Expand Vertical 4

Plump Line

Vertical Scroll

Page Controller

Sharp Remix

Distribute Vertical

Align

Core Remix

Core Pop

Rounded Line - Streamline Material

Shrink Vertical

Core Solid

Vertical Slider 4

Setting

Flex Line

Vertical Menu

Flex Remix

Eraser Tip Vertical

Ultimate Regular

Gesture Swipe Vertical 1

Touch Gestures

Vertical Menu Circle

Expand Vertical 3

Scroll Vertical

Move

Triangle Arrow Move Vertical

Movement Triangle Arrow

Ruler Tip Vertical

Core Flat

Reorder Dots Vertical

Flip Vertical Arrow 1

Flip

Scroll Vertical 1

Flex Solid

Core Duo

Layouts

Tailless Triangle Arrow Shrink Vertical

Tailless Triangle Arrow

Micro Solid

Align Vertical Top

Plump Duo

Dashboard Vertical Rectangle

Dashboard

Flip Vertical Square 1

Rotate Vertical

Rotate

Shrink Vertical 1

Dashboard Vertical Pills Thirds

Plump Solid

Core Line

Line Arrow Transfer Vertical Large 1

Big Multiple Line Arrow

Line Arrow Vertical

Single Line Arrow

Arrow Transfer Vertical

Ultimate Colors

Data Transfer Vertical

Data Transfer

Align Vertical Center 2

Line Arrow Transfer Vertical 3

Multiple Line Arrow

<p>Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal.&nbsp;The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Flex Gradient icons are designed on a 14px grid using filled shapes as gradient colors.</p>

Flex Gradient

**Summary**: Flex's most expressive sub-style — full-spectrum multi-stop gradient fills on fluid organic silhouettes, creating a distinctive high-production marketing presence that geometric gradient sets cannot replicate. Flowing organic edges amplify the warm gradient stops in a way that flat geometric fills cannot. The tone signals expressive flow: "we are expressive and flowing." Best for high-production landing pages, hero sections, and brand marketing at display sizes where flowing gradient silhouettes create visual distinction from geometric gradient equivalents.

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

---

## Fit & Recommendation

### Primary use cases

- High-production landing pages and feature banners
- Hero sections where icons are focal points
- Brand marketing at display sizes where flowing gradient silhouettes create distinction from geometric gradient sets

---

## Brand & Cultural Identity

### What it communicates

> "We are expressive and flowing."

---

## Visual & Technical Specs

### Visual properties

| Property | Value |
|----------|-------|
| Stroke weight | None |
| Fill | Solid fills with full-spectrum multi-stop gradients |
| Corner treatment | Fluid organic silhouettes |
| Color | Full-spectrum gradients per icon |

### Emotional Scores

Flex Gradient is one of the warmer sub-styles in the catalog — full-spectrum gradients with warm tones on organic silhouettes allow flowing shapes to amplify the warm gradient stops. It is one of the softer sub-styles in the catalog — gradient fills on organic silhouettes with flowing edges prevent the hardness of flat geometric fills. It is one of the friendlier sub-styles in the catalog — rainbow gradients in flowing shapes read as expressive and contemporary. It is one of the more playful sub-styles in the catalog in a refined way — gradient energy with organic forms reads as creative and modern, more refined than outright playful. On its human↔mechanical character, it is one of the most human-feeling sub-styles in the catalog — colour expressiveness combined with organic silhouettes reads as human creative expression.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: Syne — flowing display geometric mirrors the expressive quality of gradient-filled organic silhouettes
- **Alternative**: Plus Jakarta Sans Bold — humanist weight holding alongside the visual richness of gradient fills
- **Body**: Outfit Regular or DM Sans
- **Avoid**: Cold geometric grotesque; cartoon rounded display fonts


<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

Line Arrow Transfer Vertical Large 3

Line Arrow Transfer Vertical Large 3 icon - Flex Gradient Set

Download Line Arrow Transfer Vertical Large 3 SVG vector or transparent PNG icon in Gradient style(s) for Sketch and Figma. It belongs to Flex Gradient vectors SVG collection.