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

Sharp Remix - Free

Phone Message

Sharp Duo - Free

Nova Line - Free

Message Chat Circle

Emails

Ultimate Duotone - Free

Profile Cash Message

Business Products

Sharp Solid - Free

Sharp Line - Free

Sharp Gradient- Free

Mail Send Email Message

Plump Line - Free

Reply To Message Typing

Plump Duo - Free

Plump Neon

Disappearing Message

Chat Bubble

Plump Solid

Core Flat

Sharp Duo

Flex Remix

Flex Duo

Mobile Phone

Core Neon

Plump Flat

Flex Line

Plump Remix

Flex Solid

Ultimate Colors

Business Message Bottle

Business Metaphors

Flex Flat

Ultimate Duotone

Meeting Smartphone Message

Video Meetings

Chat Message Stack

Plump Line

Notification Message Alert

Notification

Nova Line

Message Chat Conversation

Messages Speech Bubbles

Core Remix

Message Chat Content

Core Duo

Sharp Line

Nova Solid

Message Chat Image

Freehand Duotone

Bug Alert Message

Bugs Security

Navigation Smartphone Message

Navigation

5g Chat Message

Signal

Plump Gradient

Ultimate Bold

Cash User Message

Message Chat Bubble

Core Solid

<p>Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal.&nbsp;The Flat style is easy to integrate into projects that need icons with a more illustrative purpose, working best at larger sizes. All Flex Flat icons are designed on a 14px grid with two customizable colors.</p>

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

### **one sentence positioning**

Organic curvilinear icons that feel natural and motion-ready, with curves built into every path rather than added only at caps.

---

### **what it signals**

Human friendliness with control, calm modern energy, fluidity without cuteness.

---

### **best fit when**

- a friendly, modern tone with organic curves is needed without sacrificing legibility
- motion is a core part of the product's personality
- multiple variants are needed that each occupy a clear and distinct hierarchy role

---

### **avoid when**

- the least opinionated, most neutral system is required — use Core or Ultimate instead
- the brand must feel severe, industrial, or technically uncompromising
- enterprise-heavy surfaces risk being over-personalised without visual discipline

---

### **core visual rules**

- geometry: continuous curvilinear forms — strokes arc, bend, and flow rather than running straight between rounded endpoints
- terminals: rounded ends throughout
- corner language: squircle / soft curved logic — the curves are in the paths, not just the caps
- curves: continuous curvilinear — nature-inspired flowing construction throughout
- detail density: low
- silhouette: stable and inflated; the organic construction avoids fragile details
- emotional tension: low — the flow reads as natural rather than energised

---

### **variants and hierarchy**

Flex Line

- Most neutral; lets typography and layout lead; the organic curves carry the warmth quietly in the background

Flex Solid

- Impact and legibility; survives small sizes well; the primary state and hierarchy tool in the family

Flex Remix

- Outlined + filled in organic shapes; brand identity and editorial feature sections

Flex Pop

- Organic curves + multi-color palette; consumer apps with nature, food, or sustainability positioning

Flex Duo

- Blue tonal system + organic curves; fintech and professional wellness wanting approachability with structure

Flex Neon

- 1px organic strokes + magenta + navy; the most sophisticated neon treatment — thin organic lines in neon read as high-design, not gaming

Flex Flat

- Smooth organic silhouettes; illustrative onboarding, wellness storytelling, and product education

Flex Gradient

- Organic shapes + watercolour-quality naturally blended fills; premium lifestyle and beauty marketing

**line/solid pairing rule** Mix Line and Solid to express state — Line for inactive or default, Solid for selected, active, or emphasis. The continuous curve construction means both sub-styles read as the same family despite the weight difference.

---

### **small-size behavior**

- recommended minimum size: 18px
- best range: 18–36px
- notes: Below 18px the organic curves lose their distinguishing quality and read as simply "rounded" — the family's primary characteristic disappears at very small sizes.

---

### **motion behavior**

- strengths: continuous shapes reduce jitter during scaling; smooth and natural morphs between states
- ideal motion contexts: button feedback, toggle animations, success states, onboarding transitions, Line-to-Solid state changes, loading loops with flowing character

---

### **typography pairing**

Rounded and friendly

- SF Pro Rounded, Avenir Next Rounded, Museo Sans Rounded, GT Walsheim, Sofia Pro Soft

Modern and curvy but still serious

- Palanquin, Bree Sans, Signika, Plus Jakarta Sans, Nunito

Free rounded options

- Rubik, Quicksand, Varela Round, M PLUS Rounded 1c, Outfit

**type alignment rule** Typefaces with smooth curves and open counters match better than rigid neo-grotesques. The organic curve construction of the icons should be reflected in the letterforms — look for typefaces where the 'a', 'e', and 'g' have visible curve intelligence rather than geometric construction.

**typefaces to avoid** Cold geometric sans with rigid structure (IBM Plex Sans, Neue Haas Grotesk), monospace fonts, sharp display faces — the organic icon curves create irresolvable tension against any type whose letterforms are built on straight lines and hard angles.

---

### **mixing guidance**

Recommended with

- Micro — Flex handles UI personality while Micro handles the density and inline layer
- Freehand — both are organic warmth families; separate by surface (Flex for UI, Freehand for editorial)

Possible with normalization

- Plump — both warm families; keep one per UI layer and reduce chroma if mixing
- Ultimate — normalize by isolating Flex to primary navigation and Ultimate to secondary controls

Avoid mixing with

- Sharp — organic curves directly contradict geometric angular construction
- Cyber — straight-line-only Cyber is the opposite of Flex's continuous curve philosophy
- Block — Bauhaus geometric solids are incompatible with organic flowing silhouettes

**normalization rules when mixing**

- keep Flex consistent within a UI layer — no family switching inside a single navigation component
- reduce chroma (use monochrome Line or Solid) if pairing with severe typography or brand system
- isolate other families to separate surfaces — product UI in Flex, marketing or documentation in another

---

### **primary use cases**

- consumer and lifestyle applications
- education products and learning platforms
- wellbeing products that are non-clinical in register
- creator tools and motion-forward product UIs
- onboarding and tutorial flows where warmth reduces friction
- premium consumer SaaS with an organic or nature-adjacent brand

---

### **secondary use cases**

- empty states and feature callouts (especially Flat sub-style)
- brand-friendly UI accents and state systems using Line/Solid/Duo patterns
- products wanting organic visual confidence without moving into hand-drawn territory

Fluid icons

Chat Bubble Oval Delete

Chat Bubble Oval Delete icon - Flex Flat Set

Download Chat Bubble Oval Delete SVG vector or transparent PNG icon in Flat style(s) for Sketch and Figma. It belongs to Flex Flat vectors SVG collection.