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

Guidance – Free

Exit

Door

Sharp Line - Streamline Material

Social

Ultimate Light

Exit 1

Login Logout

Outlined Line - Streamline Material

Ultimate Regular

Ultimate Bold

Ultimate Duotone

Ultimate Colors

Rounded Line - Streamline Material

Safety Exit Sign

Safety

Freehand Line - Free

Wayfinding

Flex Flat

Emergency Exit

Wayfinder

Flex Remix

Core Remix

Plump Solid

Sharp Duo

Fullscreen Exit

UI Actions

Core Gradient

Sharp Fill - Streamline Material

Exit Fill

Core Flat

Plump Neon

Cyber Line

Door Exit

Login

Core Flat - Free

Sharp Solid

Door Open Exit

Exit To App

Plump Gradient - Free

Exit Full Screen

Plump Duo - Free

Outlined Line - Streamline Material Free

Freehand Duotone

Safety Exit Left

Core Solid - Free

Sharp Line

Plump Duo

Page Controller

Rounded Line - Streamline Material Free

Core Gradient - Free

Safety Fire Exit

Outlined Fill - Streamline Material

Exit To App Fill

Safety Exit Right

Rounded Fill - Streamline Material

Safety Exit Door

Fullscreen Exit Fill

Core Remix - Free

<p>Plump is highly inspired by cartoons. With its warm appearance, this set of chunky icons is a natural choice for friendly brands.&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 Plump Duo icons are designed on a 48px grid with a 3px default stroke and two customizable colors.</p>

<p>100% cute and playful. Features subtle curves and chunky shapes inspired by animated cartoons. Recommended for friendly brands.</p>

### **one sentence positioning**

Warm, inflated, cartoon-inspired icons on a 48px grid — friendly enough to ship as consumer UI without losing legibility.

---

### **what it signals**

Friendliness, approachability, optimism, guided clarity, delight, safety.

---

### **best fit when**

- a warmer product tone is needed without abandoning system discipline
- icons must remain clearly readable on mobile in dense navigation contexts
- soft, confident curves and generous visual weight signal approachability to non-technical users

---

### **avoid when**

- strict enterprise neutrality or heavy technical authority is required
- the product communicates cybersecurity seriousness or industrial precision
- an invisible, neutral icon layer is the design goal

---

### **core visual rules**

- geometry: rounded, generous, inflated — shapes approach pill forms throughout
- terminals: soft / fully rounded — pill-like caps on all line variants
- corner language: fully-rounded, approaching pill shapes; no sharp angles anywhere
- curves: smooth continuous curves; the 48px grid creates proportionally wider internal paths
- detail density: low
- silhouette: strong, stable, inflated — never fragile; reads as animation-adjacent
- emotional tension: very low — the inflated proportions communicate play and safety simultaneously

---

### **variants and hierarchy**

Plump Line (3px)

- Consumer navigation; the most warm and self-announcing line weight in this review; active at any density

Plump Solid

- Feature highlights, mobile tab bars, promotional app store graphics; illustration-level presence

Plump Remix

- Outlined + filled mix, fully rounded; graphic identity for friendly consumer brands without colour

Plump Pop

- High-saturation multi-color; children's apps, gamification badges, promotional campaigns

Plump Duo (3px line + blue tonal)

- Consumer SaaS wanting warmth with colour discipline; onboarding with colour-based attention guidance

Plump Neon (3px + magenta + navy)

- Gaming, youthful entertainment, high-energy dark-mode promotional materials

Plump Flat

- Chunky two-tone blue silhouettes; illustrative onboarding and feature explainers at display sizes

Plump Gradient

- Full-spectrum fills in inflated shapes; the most celebratory sub-style in any family in this review

**line/solid pairing rule** Plump Line for navigation and content contexts; Plump Solid for feature callouts and active tab states. The 3px stroke ensures Line is never invisible, so the hierarchy shift to Solid is about emphasis, not legibility.

---

### **small-size behavior**

- recommended minimum size: 20px
- best range: 20–64px
- notes: The 48px proportions and 3px stroke weight are self-announcing above 20px. Below this, the inflated construction loses its distinctive quality and reads simply as rounded rather than cartoon-inspired.

---

### **motion behavior**

- strengths: fluid scaling, smooth transitions, low jitter; the inflated shapes scale without visual noise
- ideal motion contexts: tab transitions, onboarding step animations, empty-state reveal, hover feedback on feature callouts, celebration states and achievement unlocks

---

### **typography pairing**

Soft humanist / rounded sans

- Nunito, Sofia Pro, Avenir Next Rounded, Rubik, Fredoka

Structured but compatible

- Manrope, Plus Jakarta Sans, General Sans, Outfit, Poppins

**type alignment rule** Match the roundness — fonts with rounded terminals or explicitly circular letterforms pair most naturally with Plump's pill-shaped constructions. The type must carry the same visual weight as the 3px stroke; hairline fonts are overwhelmed.

**typefaces to avoid** Cold geometric sans (IBM Plex Sans, Neue Haas Grotesk, Space Grotesk), serif at any weight, monospace — all create a register mismatch against the warm cartoon construction. The contrast reads as unresolved, not as intentional tension.

---

### **mixing guidance**

Recommended with

- Stickies — both operate in the consumer-delight register; separate by deployment size

Possible with normalization

- Flex — both are warm families; normalize by keeping Plump in navigation and Flex in marketing
- Freehand — both communicate warmth; keep one per product layer to avoid tonal redundancy

Avoid mixing with

- Sharp — polar geometry; inflated vs angular is an unresolvable visual contradiction
- Cyber — the extreme technical coldness of Cyber is incompatible with Plump's warmth
- Micro — scale and proportion gap is too extreme for the same product layer

**normalization rules when mixing**

- keep Plump consistent within primary consumer navigation if used for UI chrome
- avoid mixing with sharp angular families in any shared component
- isolate contrasting families to separate surfaces — Plump for product, another for marketing or documentation

---

### **primary use cases**

- consumer apps and mobile-first onboarding flows
- children's education and learning platforms
- health, wellness, and lifestyle products
- consumer fintech where approachability reduces drop-off
- community and social platforms where warmth signals belonging
- any product where icon legibility for non-technical users is critical

---

### **secondary use cases**

- marketing websites and consumer landing pages
- empty states and feature illustration surfaces
- sticker systems, badge designs, and gamification rewards

Friendly icons

Logout 3

Logout 3 icon - Plump Duo Set

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