Interface Essential

Images Photography

Money Shopping

Business

Programming

Computer Devices

Artificial Intelligence

Phone

Mail

Shipping

Map Travel

Food Drink

Nature Ecology

Entertainment

Health

Culture

Work Education

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

Split Vertical

Split Vertical Fill

Flip Vertical Arrow 2

Flip Vertical Square 2

Menu More Vertical

Scroll Vertical

Flip Vertical

Spacing Vertical

Expand Vertical 2

Expand Vertical 4

Shrink Vertical

Distribute Vertical

Vertical Scroll

Expand Vertical 7

Vertical Menu

Eraser Tip Vertical

Gesture Swipe Vertical 1

Vertical Slider 4

Vertical Menu Circle

Expand Vertical 3

Triangle Arrow Move Vertical

Ruler Tip Vertical

Flip Vertical Arrow 1

Scroll Vertical 1

Tailless Triangle Arrow Shrink Vertical

Line Arrow Vertical

Vertical Slider 3

Reorder Dots Vertical

Dashboard Vertical Pills Thirds

Dashboard Vertical Rectangle

Flip Vertical Square 1

Rotate Vertical

Shrink Vertical 1

Vertical Toggle Button Single Bottom

Vertical Slider 2

Line Arrow Transfer Vertical Large 1

Arrow Transfer Vertical

<p>Micro is built on a tiny 10px grid, perfect for interfaces. The Line variant offers minimal, clean strokes for small icon sizes.</p>

Micro Line

**Summary**: The default Micro sub-style — 1px rounded stroke on a 10px grid, engineered for maximum legibility at minimum size, designed to behave like punctuation alongside small text. Rounded terminals prevent sharp angle merging at high pixel density; stripped-back construction means every design decision serves legibility, not expression. The tone signals invisible infrastructure: "we are here if you look; we won't demand that you do." Best for inline actions within body text, secondary actions in dense data tables, overflow menus, tooltips, status indicators in constrained-width components, and any context where the goal is recognisable at minimum footprint rather than visually expressive.

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

---

## Fit & Recommendation

### Primary use cases

- Inline icons within body text or dense label copy where icon height must match type cap-height (10–14px)
- Secondary actions in dense data tables — icons that must be present but should not draw attention
- Overflow menus and contextual action lists at compact display density
- Tooltips and hint labels where icons appear alongside very small text
- Status indicators within constrained-width components (table cells, tag chips, breadcrumbs)
- Any context where the goal is "recognisable at minimum footprint," not "visually expressive"

---

## Brand & Cultural Identity

### What it communicates

> "We are here if you look. We won't demand that you do."

---

## Visual & Technical Specs

### Visual properties

| Property | Value |
|----------|-------|
| Stroke weight | 1px |
| Fill | None |
| Corner treatment | Rounded caps and joins — simplified vs other families; prevents sharp angle merging at small sizes |
| Color | Monochrome |

### Emotional Scores

Micro Line is somewhat mechanical on warmth — simplified construction strips any warmth from the rounded caps, leaving a functional and neutral-to-cool register. It is near neutral on softness leaning slightly soft — 1px rounded strokes are soft in weight, though stripped-back construction reads as direct rather than soft. It is somewhat formal — purpose-driven simplification communicates function over feeling; not unfriendly, but not warm. It is one of the more serious sub-styles in the catalog — every design decision serves legibility, not expression, and the 10px constraint makes seriousness of purpose literal. On its human↔mechanical character, it is somewhat mechanical — simplified geometric construction with no expressive elements means utility focus reads as systematic.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: Inter at 11–12px — both systems are engineered for screen legibility at small sizes; the pairing is almost a design tautology
- **Alternative**: IBM Plex Sans — screen-optimised, slightly more structured; appropriate in developer tool and data product contexts
- **System fallback**: -apple-system / system-ui — appropriate in contexts where Micro Line appears as OS-adjacent UI chrome
- **Avoid**: Any display or editorial typeface, any font with strong personality at small sizes


<p>Built on a tiny 10px grid for maximum legibility. Ideal for navigation, buttons, and inline text icons in space-constrained designs.</p>

Designed for interfaces

Vertical Menu Circle Navigation

Setting

Vertical Menu Circle Navigation icon - Micro Line Set

Download Vertical Menu Circle Navigation SVG vector or transparent PNG icon in Line, Minimal, Stroke, Geometric, Wireframe style(s) for Sketch and Figma. It belongs to Micro Line vectors SVG collection.