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

Margins

Margins Fill

Align Margins Vertical

Align Margins Horizontal

<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

**Summary**: Solid fills with full-spectrum multi-stop gradients per icon, no stroke — the most visually striking and warm Sharp sub-style. Full-spectrum warm tones make this the family's most expressive and consumer-facing sub-style while the sharp geometric silhouettes underneath retain the Sharp DNA. The tone signals "we are technically capable of beauty" — gradient expressiveness inside precise geometry. Best for landing pages, hero sections, and high-production marketing at 40px+, especially on dark backgrounds where gradient fills appear to glow.

**Last updated**: 2026-04-23

---

## Fit & Recommendation

### Primary use cases

- Landing pages and feature banners where icons must be visually striking
- Product marketing and promotional screens
- Hero sections on dark backgrounds
- Feature differentiation in high-production-value marketing
- Best used at larger display sizes (40px+) where gradient reads fully

---

## Brand & Cultural Identity

### What it communicates

> "We are technically capable of beauty."

---

## Visual & Technical Specs

### Visual properties

| Property | Value |
|----------|-------|
| Stroke weight | None |
| Fill | Solid fills with multi-stop gradients |
| Corner treatment | Sharp geometric silhouettes |
| Color | Full-spectrum gradients per icon |

### Emotional Scores

Sharp Gradient is one of the friendlier sub-styles in the catalog within the Sharp family — full-spectrum gradients include warm tones (red, orange, yellow) prominently, making this the warmest Sharp sub-style. It is near neutral on softness leaning slightly hard — gradient fills soften the perceived hardness of sharp silhouettes noticeably while the geometry underneath retains structure. It is somewhat friendly — colourful gradient fills read as expressive and inviting rather than formal. It is somewhat warm on playfulness — rainbow-spectrum gradients per icon signal creativity and energy, not austerity. On its human↔mechanical character, it is near neutral leaning slightly mechanical — colour expressiveness introduces humanity while the sharp geometry underneath pulls mechanical.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: Neue Haas Grotesk — Swiss precision anchors the chromatic expressiveness of gradient fills
- **Alternative**: Space Grotesk — adds just enough personality to match gradient energy without competing
- **Display**: Syne — editorial geometric display, works in hero and feature contexts
- **Body**: DM Sans — clean, readable, doesn't pull attention from the gradient icons
- **Avoid**: Cold monospace in marketing contexts, warm serif fonts, hand-drawn fonts


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

Brutalist icons

Files Folders

Margins icon - Sharp Gradient Set

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