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

Micro Line - Free

Focus Center

Outlined Fill - Streamline Material Free

Center Focus Weak Fill

Photo Image

Rounded Line - Streamline Material Free

Format Align Center

Text Formatting

Rounded Fill - Streamline Material Free

Outlined Line - Streamline Material

Align Center

Rounded Line - Streamline Material

Image Center

Flex Remix

Photos

Sharp Line

Align Horizontal Center 1

Align

Flex Line

Border Center

Layouts

Flex Solid

Flex Neon

Text Image Center Large

Ultimate Light

Align Vertical Center 1

Core Duo

Align Center Vertical Frame

Align Vertical Center 2

Align Horizontal Center 2

Core Line

Ultimate Regular

Paragraph Center Align

Paragraphs

Ultimate Colors

Target Center

Strategy

Core Remix

Ultimate Bold

Target Center Monitor

Ultimate Duotone

Target Center 2

Flex Remix - Free

Call Center Support Service

Crm Call Center Management 3

Customer Relationship Management

Target Center 1

Arrow Point Center Fill

Micro Solid - Free

Center Align 1

Sharp Solid

Focus Center Square

Sharp Flat

Distribute Center Horizontal

Sharp Line - Free

Align Text Center

Dial Pad Center Middle

Login Logout

Triangle Arrow Point Center

Multiple Triangle Arrow

Arrow Align From Center

Movement Line Arrow

Flex Gradient

Triangle Arrow Align Center

Movement Triangle Arrow

Nova Line

Block – Free

Sharp Line - Streamline Material

Help Center

Common Actions

Outlined Line - Streamline Material Free

Stroke Center

Business Center

Maps

<p>Core is timeless, like the Helvetica font or The Beatles. With its minimalist design and neutrality, it can adapt to any layout.&nbsp;The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Core Gradient icons are designed on a 14px grid using filled shapes as gradient colors.</p>

Core Gradient

**Summary**: Core's most expressive sub-style — full-spectrum multi-stop gradient fills on rounded silhouettes, designed for landing pages, hero sections, and marketing contexts at 40px+. The rainbow spectrum fills are the most trend-sensitive sub-style in this family and carry the most brand-dating risk over time. The tone signals expressive confidence: "we can be expressive; we choose when." Best for high-production landing pages, feature banners, and dark-background presentations at 40px+ where icons are focal points rather than UI chrome; note that gradient styles date faster than geometry and should be reassessed periodically.

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

---

## Fit & Recommendation

### Primary use cases

- Landing pages and high-production marketing
- Feature banners and hero sections
- Dark-background presentations and product visuals
- Any context where icons are used as focal points rather than UI chrome
- Deployable at 40px+ for maximum visual impact

---

## Brand & Cultural Identity

### What it communicates

> "We can be expressive. We choose when."

---

## Visual & Technical Specs

### Visual properties

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

### Emotional Scores

Core Gradient is one of the warmer sub-styles in the catalog — the full-spectrum gradients include red, orange, yellow, and warm tones prominently across the set. It is somewhat soft — gradient fills on rounded silhouettes create a softer visual presence than solid monochrome fills. It is one of the friendlier sub-styles in the catalog — rainbow spectrum fills read as expressive and visually generous, clearly consumer-oriented. It is one of the more playful sub-styles in the catalog — colour variety and gradient energy reads as creative and forward, not austere. On its human↔mechanical character, it is somewhat human-feeling — colour expressiveness reads as a human creative choice, and the rounded compact base keeps it from feeling fully mechanical.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: DM Sans — clean, modern humanist without competing with the gradient fills
- **Alternative**: Neue Haas Grotesk — anchors the full-spectrum colour expressiveness with Swiss neutral type
- **Display**: Syne — adds creative energy in hero and feature contexts at large sizes
- **Body**: Inter — reliable underneath the visual richness of gradient icons
- **Avoid**: Cold monospace in consumer-facing gradient contexts; serif at display weight


<p>The Helvetica of icons. Core is stripped to essential form with generous spacing. It's a timeless workhorse for interface design.</p>

Minimal icons

Center Stroke

Vectors

Center Stroke icon - Core Gradient Set

Download Center Stroke SVG vector or transparent PNG icon in Gradient, Minimal, Wireframe style(s) for Sketch and Figma. It belongs to Core Gradient vectors SVG collection.