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

Arrow Top Left Fill

Arrow Insert

Arrow Back 2

Arrow Right

Arrow Up 1

Up Arrow

Download Arrow

Triangle Arrow Left 1

Line Arrow Left 1

Line Start Arrow Notch

Big Arrow Right

Arrow Downward

Arrow Outward

Arrow Forward

Arrow Upward

Refresh Arrow 2

Line Start Arrow Notch Fill

Arrow UP

Arrow Split

Arrow Vertical

Line Arrow Elipse Left

Arrow Back

Arrow Left 2

Double Line Arrow Left

Arrow Down

Arrow Left

Left Arrow

Arrow Horizontal

Zigzag Arrow 3

Triangle Arrow Reload Horizontal 2

Arrow Next

Arrow Up

Arrow Up 2

Triangle Arrow Up Circle 1

Arrow Shift

Triangle Arrow Dash Right Fill

Arrow Down 2

Line Arrow Right Circle 1

<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

Arrows Button To Bottom

Arrows

Arrows Button To Bottom icon - Micro Solid Set

Download Arrows Button To Bottom 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.