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

Plump Line

Sine

Mathematics

Core Neon

Sharp Neon

Sharp Duo

Sharp Gradient

Sharp Remix

Sharp Solid

Core Flat

Core Line

Core Remix

Sharp Line

Sharp Flat

Core Pop

Core Gradient

Sharp Pop

Core Solid

Core Duo

Flex Duo

Plump Gradient

Plump Pop

Flex Line

Plump Flat

Flex Solid

Flex Neon

Flex Pop

Flex Gradient

Flex Remix

Flex Flat

Plump Duo

Plump Remix

Plump Solid

Plump Neon

Handwritten Font

Text Formatting

Core Flat - Free

Wave Signal

Web Application Tool Microsoft Net

Web Application Tool

Outlined Line - Streamline Material

Sound Wave

Audio Video

Phosphor Light

Wave Sine Light

Vector Icons

Phosphor Thin

Wave Sine Thin

Phosphor Bold

Wave Sine Bold

Core Duo - Free

Iconoir Regular

Sine Wave

All Icons

Tabler Line

Wave Sine

Phosphor Regular

Phosphor Duotone

Wave Sine Duotone

Phosphor Fill

Wave Sine Fill

<p>Plump is 100% cute. Inspired by animated cartoons, with subtle curves and chunky shapes. The Line variant features outlines of friendly icons with expressive details.</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

Sine icon - Plump Line Set

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