Interface Essential

Images Photography

Money Shopping

Programming

Computer Devices

Phone

Map Travel

Mail

Food Drink

Nature Ecology

Entertainment

Shipping

Culture

Health

Work Education

Artificial Intelligence

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 Line - Streamline Material

Light

Household

Outlined Line - Streamline Material

Rounded Line - Streamline Material

Sharp Line - Material Symbols

Rounded Line - Material Symbols

All Icons

Atlas Line

Furniture

Outlined Line - Material Symbols

Freehand Duotone

Light Mode Dark Light

Light Modes

Kameleon Pop

Light Bulb

Objects

Micro Line

Lighting

Nova Solid

Light Studio

Lights

Light Off

Ultimate Bold

Led Light Strip 6

Led Light

Outlined Fill - Streamline Material

Light Fill

Light Group

Home

Ultimate Light

Light Mode Flash Auto

Ultimate Duotone

Light Bulb 1

Light Bubbles

Light Mode Brightness

Light Bulb 3

Led Light Strip 3

Light Mode Cloudy

Light Mode Home

Light Mode Bright Dark Alternate

Ultimate Colors

Kameleon Pop - Free

Building Construction

Micro Solid

Kameleon Duo

Freehand Duotone - Free

Light Mode Brightness Half

Kameleon Duo - Free

Light Mode Sunny

Ultimate Regular

Light Mode Exposure 1

Cameras Settings

Light Spotlight 1

Led Light Strip 2

Freehand Line - Free

Light Spotlight 3

<p>[Free + Open-source] Sharp combines pure geometry. The Free Pop variant adds vibrant colors to geometric designs. Licensed under the Creative Commons - CC BY 4.0</p>

Sharp Pop - Free

<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

Light Dark Mode

Light Dark Mode icon - Sharp Pop - Free Set

Download Light Dark Mode SVG vector or transparent PNG icon in Pop style(s) for Sketch and Figma. It belongs to Sharp Pop - Free vectors SVG collection.