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

Outlined Line - Streamline Material

Door Front

Household

Plump Solid

Bus Front

Transportation

Core Line

Align Front 1

Align

Sharp Line

Phone Camera Front

Mobile Phone

Rounded Fill - Streamline Material

Front Hand Fill

Social

Outlined Fill - Streamline Material

Ultimate Regular

Pathfinder Minus Front

Pathfinder

Ultimate Bold

Layers Front

Layers

Layers Select Front

Select Front

Cursor

Micro Line

Align Front

Camera Photo Front

Camera

Plump Duo

Plane Front

Motocycle Front

Plump Neon

Freehand Duotone

Front End Developer Tool Vue

Front End Developer Tool

Sharp Duo

Front End Developer Tool Dart

Sharp Neon

Front Loader

Business Payments

Front Hand

Sharp Line - Streamline Material

Sharp Remix

Sharp Pop

Rounded Line - Streamline Material

Camera Front

Photo Image

Kameleon Pop - Free

Truck Front

Kameleon Colors - Free

Sharp Gradient

Sharp Solid

Ultimate Light

Sharp Flat

Flex Line

Bring To Front

Front End Developer Tool Xamarin

Front End Developer Tool Flutter

Flex Solid

Front Camera

Image Audio Video

Flex Neon

<p>Sharp cuts the chase with its bold and geometric look. It follows strict construction guidelines to convey a high-tech feel.&nbsp;The Duo style is perfect for projects that require differentiation between actions, using color to convey meaning effectively. It also allows you to customize the line thickness.&nbsp;All Sharp Duo icons are designed on a 24px grid with a 2px default stroke and two customizable colors.</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

Align Front 1 icon - Sharp Duo Set

Download Align Front 1 SVG vector or transparent PNG icon in Duo, Stroke, Filled, Geometric style(s) for Sketch and Figma. It belongs to Sharp Duo vectors SVG collection.