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

Html Five

Programming Html5

Html

Programming Html Five

Programming Language Html 5

File Html

Programming Language Css 3

Heading 5 Paragraph Styles Heading

Programming Html Three

Programming Css3

<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 Flat style is easy to integrate into projects that need icons with a more illustrative purpose, working best at larger sizes. All Core Flat icons are designed on a 14px grid with two customizable colors.</p>

Core Flat

**Summary**: Core's illustrative sub-style — solid flat two-tone blue fills on rounded silhouettes, suited to onboarding flows, feature explainers, and educational content at display sizes (32px+). The controlled two-tone blue tonal system is neither warm nor cold, neither schematic nor expressive, producing a diagrammatic quality that communicates "we illustrate without illustrating." The tone is informational and calm: functional illustration rather than brand storytelling. Best for illustrative onboarding, help and documentation feature explainers, and products with a two-tone blue brand palette that need display-size icon weight without the full expressiveness of gradient fills.

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

---

## Fit & Recommendation

### Primary use cases

- Illustrative onboarding flows and product tours
- Feature explainer graphics in help and documentation
- Marketing sections where icons carry visual weight at display sizes (32px+)
- Products with a two-tone blue brand palette
- Educational platforms and tools

---

## Brand & Cultural Identity

### What it communicates

> "We illustrate without illustrating."

---

## Visual & Technical Specs

### Visual properties

| Property | Value |
|----------|-------|
| Stroke weight | None |
| Fill | Solid flat fills, two-tone |
| Corner treatment | Rounded silhouettes |
| Color | Two-color: dark blue + light blue tonal |

### Emotional Scores

Core Flat is near neutral on warmth — the dark blue and light blue tonal system is controlled and reads as neither warm nor cold. It is near neutral on softness — the flat fills add visual weight while the rounded silhouettes offset it, producing a genuine midpoint. It is somewhat friendly — the two-tone blue is more neutral-professional than its Sharp equivalent, landing just on the warmer side of the midpoint. It is near neutral on playfulness — flat fills in a tonal system read as diagrammatic rather than expressive or severe. On its human↔mechanical character, it is somewhat mechanical — the flat geometric fills read as schematic, though rounded silhouettes reduce this quality slightly.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: Inter or DM Sans — the two-tone blue tonal system is neutral enough that the standard humanist sans pairings work cleanly
- **Alternative**: Outfit — slightly warmer, appropriate if Flat is being used in more illustrative consumer contexts
- **Avoid**: Expressive display or decorative fonts — they compete with the flat fills


<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

Script

Html Five icon - Core Flat Set

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