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

Sharp Solid - Free

Empty Recycle Bin 1

Flex Flat - Free

Empty Clipboard

Outlined Line - Streamline Material Free

Hourglass Empty

Common Actions

Flex Line - Free

Ultimate Light - Free

Truck Empty 1

Transportation

Core Line

Dice Empty 1

Gaming

Sharp Line - Streamline Material

Empty Scanner

Business Payments

Flex Line

Battery Empty 2

Battery

Flex Pop

Nova Solid

Box Empty 2

Form Validation

Plump Line

Freehand Duotone

Drawer Empty

Drawers

Sharp Fill - Streamline Material

Empty Scanner Fill

Ultimate Duotone

Bird Cage Empty

Birds

Shopping Cart Empty

Carts

Cyber Line

Button Empty

Keyboard

Rounded Fill - Streamline Material

Outlined Fill - Streamline Material

Nova Line

Email Inbox Empty

Mailbox

Ultimate Regular

Folder Empty

Folders

Dice Empty

Gameplay

Files Folders

Ultimate Light

Trucks

Common File Empty

Common Files

Folder Empty 1

Outlined Line - Streamline Material

Empty Dashboard

UI Actions

Messages Bubble Empty

Messages Speech Bubbles

Brightness Empty

Android

Ultimate Colors

Style Three Style Pin Empty

Pins Style Three

Empty Bin

Rounded Line - Streamline Material

Charging Battery Empty 1

Charging Battery

Plump Duo

Empty Gas

Plump Solid

Flex Neon

Sharp Neon

Sharp Pop

Flex Neon - Free

Flex Duo - Free

Flex Remix

Core Flat

<p>Sharp cuts the chase with its bold and geometric look. It follows strict construction guidelines to convey a high-tech feel.&nbsp;The Pop style is useful for projects that need a colorful touch, helping to capture attention and strengthen brand recognition.&nbsp;All Sharp Pop icons are designed on a 24px grid with a mix of outlined and filled shapes, including a wide color palette.</p>

<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

Empty Gas icon - Sharp Pop Set

Download Empty Gas SVG vector or transparent PNG icon in Pop, Geometric, Filled style(s) for Sketch and Figma. It belongs to Sharp Pop vectors SVG collection.