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 6

Layout 17

Layout 1

Layout 5

Layout 16

Layout 8

Layout 10

Layout 13

<p>Micro is living proof that size matters. It was built using simplified shapes to ensure legibility at the smallest possible sizes.&nbsp;The Solid style is ideal for projects where quick recognition is crucial, especially effective on dark backgrounds. All Micro Solid icons are designed on a 10px grid using filled shapes.</p>

Micro Solid

**Summary**: Micro's active-state and dark-mode sub-style — opaque fills on simplified 10px silhouettes providing maximum legibility at minimum size, purpose-built for dark UI and selected states. Simplified opaque silhouettes read as systematic components where no design decision serves expression. The tone signals unmissable utility: "we are unmissable, even when we are tiny." Best for dark UI navigation chrome, system-level contexts (menubar, system tray, notification indicators), selected states in dense data products, and any context where recognition speed at 10–16px matters more than visual refinement.

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

---

## Fit & Recommendation

### Primary use cases

- Dark UI navigation chrome where maximum legibility at small sizes is required
- System-level contexts: OS-adjacent UI, menubar icons, system tray, notification indicators
- Tab bars in mobile apps where 10–12px icons appear in constrained inactive states
- Toggle switches, checkboxes, and selection indicators at smallest permissible size
- High-density data products where every pixel of layout space has been allocated
- Contexts where recognition speed matters more than visual refinement

---

## Brand & Cultural Identity

### What it communicates

> "We are unmissable, even when we are tiny."

---

## Visual & Technical Specs

### Visual properties

| Property | Value |
|----------|-------|
| Stroke weight | None |
| Fill | Opaque fill with transparent cutouts — background visible through cutout areas |
| Corner treatment | Simplified rounded silhouettes — internal detail is minimal by design |
| Color | Monochrome |

### Emotional Scores

Micro Solid is somewhat cold — opaque black fills with simplified silhouettes carry no warmth cues in shape or construction. It is one of the harder sub-styles in the catalog — solid opaque fills are visually hard and the simplified construction reinforces this with no soft detail to moderate fill weight. It is one of the more formal sub-styles in the catalog — the purpose is maximum contrast at minimum size, placing it firmly in a functional rather than expressive register. It is one of the more serious sub-styles in the catalog — no design decision serves expression; every one serves legibility. On its human↔mechanical character, it is one of the more mechanical sub-styles in the catalog — simplified opaque silhouettes read as systematic components, and the stripped construction removes any trace of craft expression.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: Inter Medium — additional weight complements solid fill visual mass at small sizes; prevents icon from overpowering adjacent label text
- **Alternative**: IBM Plex Sans — for dark UI contexts where Micro Solid is deployed as high-contrast navigation chrome
- **Dark UI**: Inter SemiBold on dark surfaces — keeps type weight visually proportional to bold solid icon fills
- **Avoid**: Light-weight fonts at small sizes alongside Solid fills — the weight imbalance makes labels disappear while icons remain visible


<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 Position Top Right

Layouts

Layout Position Top Right icon - Micro Solid Set

Download Layout Position Top Right SVG vector or transparent PNG icon in Solid, Minimal, Bold, Geometric, Glyph, Wireframe style(s) for Sketch and Figma. It belongs to Micro Solid vectors SVG collection.