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

Block – Free

Shopping

Flex Flat - Free

Flex Gradient - Free

Flex Pop - Free

Flex Line - Free

Plump Line - Free

Plump Solid - Free

Core Remix - Free

Plump Gradient - Free

Flex Solid - Free

Plump Line

Cash

Kameleon Pop

Clothes

Flex Solid

Core Line

Sharp Solid

Flex Pop

Core Flat

Flex Line

Sharp Remix

Plump Remix - Free

Flex Duo - Free

Core Duo

Core Line - Free

Core Duo - Free

Core Flat - Free

Core Solid - Free

Core Solid

Kameleon Duo

Kameleon Colors

Plump Pop - Free

Core Neon

Core Pop - Free

Core Gradient

Core Remix

Flex Duo

Sharp Pop

Plump Gradient

Plump Solid

Core Pop

Sharp Flat

Plump Flat - Free

Plump Duo - Free

Plump Neon

Plump Neon - Free

Core Neon - Free

Core Gradient - Free

Flex Remix - Free

Sharp Line

Plump Pop

Plump Duo

<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

Bag icon - Plump Line Set

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