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

Smiley

Interface

Phosphor Regular

Vector Icons

Cyber Duotone - Free

Smiley Frown

Mail Chat Smiley

Plump Line

Smiley Grumpy

Freehand Duotone

Smiley Blessed

Ultimate Bold

Smiley Rich

Smileys

Plump Flat

Smiley Excited

Plump Solid

Core Duo

Smiley Emoticon Smile

Plump Gradient

Plump Flat - Free

Smiley Indiferent

Smiley Cheeky

Ultimate Duotone

Smiley Unhappy

Smiley Lol

Smiley Sick

Plump Neon

Smiley Happy

Flex Solid

Smiley Worried

Ultimate Regular

Smiley Pin 2

Pins

Smiley Dizzy

Smiley Calm

Core Line

Smiley Crying 1

Sharp Remix

Smiley Wink

Smiley Thrilled

Core Remix

Smiley Content

Smiley Sad

Sharp Solid

Sharp Line

Smiley Frustrated

Smiley Cool

Core Solid

Smiley Sparks

Ultimate Light - Free

Laptop Smiley 1

Computers Devices Electronics

Smiley Laughing 2

Core Pop

Smiley Very Happy 1

Flex Remix

Core Flat - Free

Smiley Drool

Core Remix - Free

Core Solid - Free

Smiley Nauseas

Sharp Solid - Free

Smiley Shocked

Smiley Drop

Ultimate Light

<p>Sharp cuts the chase with its bold and geometric look. It follows strict construction guidelines to convey a high-tech feel.&nbsp;The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Sharp Gradient icons are designed on a 24px grid using filled shapes as gradient colors.</p>

Sharp Gradient

<p>Sharp combines pure geometry and bold structure for a brutalist, high-tech feel. It’s raw, trendy, and unapologetic. It pairs best with typefaces that have strong construction, such as Futura, Gill Sans, or Space Mono.</p>

### **one sentence positioning**

Precision icons for high-clarity interfaces, built on strict 2px geometric construction with zero-degree corners and square caps throughout.

---

### **what it signals**

Authority, discipline, technical confidence, structural clarity, system control.

---

### **best fit when**

- designing for enterprise, developer tools, fintech infrastructure, or cybersecurity
- the interface must feel engineered rather than approachable
- visual distinctiveness is a feature, not a risk

---

### **avoid when**

- the product needs warmth, softness, or mainstream consumer familiarity
- UI components are heavily rounded — creates jarring internal contradiction
- the brand voice is playful, intimate, or lifestyle-first

---

### **core visual rules**

- geometry: strict rectilinear — frequent diagonals, 45° angles, angular breaks
- terminals: flat / square — no softening anywhere
- corner language: sharp, 0° miter joins throughout
- curves: none — mathematically controlled arcs only where concept demands it
- detail density: low to medium
- silhouette: high contrast, strong edge definition, commands space
- emotional tension: high — every angle introduces visual energy

---

### **variants and hierarchy**

Sharp Line

- Primary UI navigation and dense toolbars; the foundational sub-style for enterprise products

Sharp Solid

- Strong hierarchy moments, badges, feature callouts, maximum legibility at minimum sizes

Sharp Remix

- Outlined + filled mix within icons; editorial and brand identity contexts at display sizes

Sharp Pop

- High-saturation multi-color; youthful tech brands, social-first promotions, feature categories

Sharp Duo

- 2px line + two-color blue system; enterprise SaaS needing color differentiation without full multi-color

Sharp Neon

- Magenta + navy; purpose-built for dark UI, gaming, Web3 and futuristic branding

Sharp Flat

- Two-tone blue silhouettes; onboarding visuals, feature explainers, illustrative documentation

Sharp Gradient

- Full-spectrum gradient fills; landing pages, hero sections, high-production marketing

**line/solid pairing rule** Use Sharp Line for standard UI actions and Sharp Solid for primary navigation emphasis, active states, or wherever maximum legibility at small sizes is required. Both share identical geometry so switching weights never disrupts visual coherence.

---

### **small-size behavior**

- recommended minimum size: 14px
- best range: 16–32px+
- notes: The strict geometry holds well at small sizes — sharp corners retain recognisability — but the finest structural cuts in complex icons can merge below 14px on non-retina screens.

---

### **motion behavior**

- strengths: crisp rotation, precise breakpoint-friendly scaling, purposeful rather than fluid transitions
- ideal motion contexts: loading states and progress indicators, data transitions, system feedback, mechanical UI interactions, hover micro-interactions on toolbars

---

### **typography pairing**

Industrial / neo-grotesque

- Neue Haas Grotesk, Helvetica Now, Univers, Söhne, Graphik

Geometric modernist

- Futura, Avenir Next, Gotham, Montserrat, IBM Plex Sans

Developer / monospace contexts

- IBM Plex Mono, JetBrains Mono, Space Mono, Source Code Pro, Roboto Mono

**type alignment rule** Match the geometric discipline of the icons with typefaces that share the same engineering-first construction. Fonts with strong stroke consistency and minimal humanist softness read as a unified system alongside Sharp's angular vocabulary.

**typefaces to avoid** Rounded friendly sans (Nunito, Poppins, Fredoka), handwritten or script fonts, highly humanist serifs, any playful display faces — all create an irresolvable personality split against Sharp's precision geometry.

---

### **mixing guidance**

Recommended with

- Micro — use Micro for inline text icons and density contexts where Sharp handles primary navigation
- Nova — both carry technical authority; Nova adds Material familiarity where needed

Possible with normalization

- Core — share a neutral slot in the system; normalize by keeping Sharp in primary nav and Core in secondary controls
- Cyber — both are sharp-geometry families; separate by surface to avoid competition

Avoid mixing with

- Plump — polar opposite geometry; inflated vs angular creates unresolvable visual contradiction
- Freehand — hand-drawn organics directly contradict sharp geometric precision
- Flex — flowing organic curves clash with flat mechanical geometry

**normalization rules when mixing**

- keep Sharp consistent within primary navigation and toolbars — no family switching inside a single component
- isolate other families to separate surfaces (marketing, empty states, onboarding) if mixing is necessary
- never place Sharp and a rounded-geometry family in the same row or card

---

### **primary use cases**

- enterprise SaaS and admin panels requiring technical authority
- cybersecurity dashboards and security operations platforms
- fintech infrastructure and data visualization systems
- developer tools and infrastructure management software
- cloud platforms and advanced analytics products
- technical documentation and API reference interfaces
- data-dense monitoring and control panel UIs

---

### **secondary use cases**

- high-tech marketing websites and futuristic brand systems
- Web3 and crypto product interfaces
- industrial software and hardware companion applications

---

### **ai factsheet**

- family id: sharp
- style stance: technical, architectural, high-clarity, engineered
- grid: 24px
- stroke model: 2px uniform
- terminals: flat / square
- corner language: sharp, angular, 0° miter
- detail density: low to medium
- best for: enterprise SaaS, cybersecurity, fintech infra, developer tools, data systems, admin dashboards, cloud platforms
- avoid for: warm consumer tone, playful onboarding, lifestyle brands, products needing softness
- min recommended size: 14px
- best size range: 16–32px+
- primary use cases: technical product UI across all enterprise and developer contexts
- secondary use cases: high-tech marketing, Web3, industrial software

Brutalist icons

Smiley Silent

Smiley Silent icon - Sharp Gradient Set

Download Smiley Silent SVG vector or transparent PNG icon in Gradient, Geometric style(s) for Sketch and Figma. It belongs to Sharp Gradient vectors SVG collection.