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

Cyber Line - Free

Account

Users People

Cyber Duotone - Free

Cyber Line

Users

Cyber Duotone

Nova Solid

Shipping Account

Shipment Delivery

Sharp Neon

Lock Account

Login Logout

Outlined Line - Streamline Material

Account Balance

Business Payments

Nova Line

Book Account

Books Papers

Rounded Line - Streamline Material

Account Box

Common Actions

Account Circle

Outlined Line - Streamline Material Free

Switch Account

Activities

Bank Account

Accounting Billing

Sharp Line - Streamline Material

Account Setting

Social

Supervisor Account

Stickies Duo

Account Valiadtion

Flex Pop

Setting

Core Gradient

Stickies Colors

Flex Flat

Books papers

Flex Neon

Account Group

Ultimate Bold

Merge Account

Hierachy Organization

Plump Flat

Sharp Line - Streamline Material Free

Account Tree

Plump Duo

Account Circle Add

User

Laptop Account 1

Web Development Apps

Plump Gradient

User Supervisor Account

Outlined Fill - Streamline Material

Supervisor Account Fill

Account Circle Fill

Sharp Gradient

Account Code

Rounded Fill - Streamline Material

Account Box Fill

Outlined Fill - Streamline Material Free

Account Balance Fill

Core Solid

Freehand Duotone

Crm Account Alert

Customer Relationship Management

Plump Remix

User Switch Account

Plump Remix - Free

Sharp Solid

Account Tree Fill

Account Hexagon

Plump Solid

<p>Plump is 100% cute. Inspired by animated cartoons, with subtle curves and chunky shapes. The Solid variant provides filled, chunky shapes perfect for brands wanting to appear welcoming.</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

Account Setting icon - Plump Solid Set

Download Account Setting SVG vector or transparent PNG icon in Solid, Bold, Filled, Glyph style(s) for Sketch and Figma. It belongs to Plump Solid vectors SVG collection.