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

Layout 3

Layout 11

Layout

Layout 9

Layout 15

Layout 14

Layout 7

Layout 4

Layout 12

Layout 2

Layout 1

Layout 6

Layout 17

Layout 10

Layout 5

Layout 16

Layout 8

Layout 13

<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

Layout Border Center

Layouts

Layout Border Center icon - Micro Line Set

Download Layout Border Center 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.