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

Align Left 1

Align Right 1

Align Center

Align Start

Align Bottom

Align Top

Align Left

Align Right

Align Top 1

Align Left 2

Align Bottom 2

Align Right 2

Align Middle

Align Horizontal Center 1

Align Front

Align Top 2

Align Left Right

Align Bottom 1

<p>Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal.&nbsp;The Neon style is especially effective in complex environments where&nbsp;quick recognition and hierarchy&nbsp;are essential. It also allows you to customize the line thickness.&nbsp;All Flex Neon icons are designed on a 14px grid with a 1px default stroke and two customizable line colors.</p>

Flex Neon

**Summary**: Flex's vivid dark-adjacent sub-style — 1px organic line in magenta and dark navy, delivering neon energy with a refined, delicate quality that thick-stroke neon sets cannot achieve. The thin organic stroke is delicate enough that the neon palette reads as high-design rather than aggressive, making this the most refined neon sub-style available across all families. The tone signals vivid restraint: "we are vivid but not aggressive." Best for creative tools, music and audio platforms, and dark-UI products that want neon energy without the visual aggression of thick-stroke neon — requires a design system that can absorb electric colour without the palette overwhelming the layout.

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

---

## Fit & Recommendation

### Primary use cases

- Creative tools and design-adjacent products with vivid brand colour
- Dark-UI products that want neon energy without the aggressive quality of thick-stroke neon sets
- Music, audio, and creative platform products

---

## Brand & Cultural Identity

### What it communicates

> "We are vivid but not aggressive."

---

## Visual & Technical Specs

### Visual properties

| Property | Value |
|----------|-------|
| Stroke weight | 1px |
| Fill | None (line only) |
| Corner treatment | Smooth fluid curves |
| Color | Magenta/pink primary + dark navy |

### Emotional Scores

Flex Neon is somewhat mechanical on warmth — magenta and navy is an electric, cool palette, though the organic 1px stroke softens the coldness noticeably. It is among the softest sub-styles in the catalog — the 1px organic curves in neon colours remain visually soft; the colour is vivid but the line is delicate. It is somewhat friendly — the neon palette is intense, but the delicate organic curves create a more refined neon register. It is near neutral on playfulness — high colour energy suggests play but thin organic lines suggest refinement, producing a genuine midpoint. On its human↔mechanical character, it is near neutral — the neon colour adds a machine register while organic curves soften this considerably.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: Space Grotesk — geometric with subtle personality, handles the neon palette; mild irregularity echoes Flex's organic variation
- **Alternative**: Plus Jakarta Sans Medium — humanist warmth on dark backgrounds
- **Body**: Inter Medium white on dark
- **Avoid**: Cartoon-rounded display (Nunito, Fredoka) — too casual for Flex Neon's refined register


<p>Flex is a fluid icon family inspired by nature’s curves. It favors smooth, flowing forms. More organic than Core and subtler than the chunky Plump. Read about the <a href="https://blog.streamlinehq.com/flex/" rel="noopener noreferrer" target="_blank">design process</a>.</p>

Fluid icons

Align Top Left Circle

Align

Align Top Left Circle icon - Flex Neon Set

Download Align Top Left Circle SVG vector or transparent PNG icon in Neon, Stroke style(s) for Sketch and Figma. It belongs to Flex Neon vectors SVG collection.