<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>

Sharp

### **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

Sharp Pop

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

Sharp Line

Sharp Solid

Sharp Remix

Sharp Duo

Sharp Neon

Sharp Flat

Sharp Gradient

Sharp Line - Free

Sharp Solid - Free

Sharp Remix - Free

Sharp Pop - Free

Sharp Duo - Free

Sharp Neon - Free

Sharp Flat - Free

Sharp Gradient- Free

Streamline 3.0

Ultimate

Core

Flex

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

Controller Solo

Controller

Database Solo

Database

Print Printer Solo

Printer

Sd Card Solo

Chips

Voice Mail Mic Solo

Voice Mail

Webcam Video Solo

Webcam

Earpods Case Solo

Radio Walkman

Video Player Solo

Playlist

Playlist Solo

Flash Solo

Flash

Landscape Image Solo

Pictures

Portrait Image Solo

Shutter Solo

Camera

Camera Solo

Bell Solo

Alerts

Bookmark Solo

Bookmark Favorite

Brush Solo

Color

Calendar Blank Solo

Calendar

Alarm Solo

Time

Clock Solo

File Solo

Files Folders

Link Chain Solo

Link Unlink

Pen Tool Solo

Vectors

Share Link Solo

Share

User Solo

User

Users Group Solo

View Eye Solo

View

Inbox Solo

Inbox

Mail Solo

Road Solo

Transportation

Wallet Solo

Wallet

Receipt Solo

Cashier

Cash Bag Solo

Cash

Credit Card Solo

Phone Solo

Mobile Phone

Globe Website Solo

Shipment Box Solo

Pie Three

Graphs

Pet Paw Not Allowed

Hotel

Slash

Text Formatting

Tilde

Double Pipe

Double Tilde

Middle Dot

Back Slash

Pipe

Doorman Guard

Security

Unlink Chain Horizontal

Link Chain Horizontal

Fried Chicken

Food

Newly added

NEWLY ADDED in the Last 90 days