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

Ultimate Bold - Free

Number Three

Core Remix - Free

Module Three

Sharp Pop - Free

Hotel Three Star

Nova Line

Filter Sort

Plump Duo

Hotel

Sharp Pop

Number Three Square

Mathematics

Sharp Duo

Number Three Circle

Dashboard Square Three

Dashboard

Sharp Remix

Outlined Line - Streamline Material

Looks Three

Photo Image

Flex Line

Modules

Align Three Horizontal Square

Align

Freehand Duotone

Module Three Boxes 1

Plugins Modules

Micro Line

Module Three Square

Align Three Vertical Square

Ultimate Bold

Ultimate Light

Core Line

Flex Remix

Core Flat

Micro Solid

Module Three 1

Layout Three Columns

Layouts

Core Solid

Plump Solid

Module Three Boxes

Sharp Solid

Timer Three

Time

Style Three Pin Drawer

Pins Style Three

Plump Remix

Synchronize Arrows Three

Synchronize

Numbers

Core Neon

Core Duo

Module Three 2

Style Three Pin Shirt

Ultimate Regular

Layout Three Columns 2

Ultimate Colors

Rating Star Three

Rating

<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 Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Plump Gradient icons are designed on a 48px grid using filled shapes as gradient colors.</p>

Plump Gradient

<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

Hotel Three Star icon - Plump Gradient Set

Download Hotel Three Star SVG vector or transparent PNG icon in Gradient style(s) for Sketch and Figma. It belongs to Plump Gradient vectors SVG collection.