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

Block – Free

Toggle

Basic UI

Outlined Line - Streamline Material

Toggle Off

UI Actions

Sharp Line - Streamline Material

Micro Solid

Setting Toggle

Setting

Toggle On

Legend Toggle

Business Payments

Micro Line

Rounded Line - Streamline Material Free

Rounded Fill - Streamline Material

Toggle On Fill

Outlined Fill - Streamline Material

Toggle Off Fill

Sharp Fill - Streamline Material

Core Flat

Horizontal Toggle Button

Plump Gradient

Ultimate Light

Settings Toggle Horizontal

Controls

Core Duo

Sharp Remix - Free

Sharp Line

Rounded Line - Streamline Material

Outlined Line - Streamline Material Free

Sharp Solid

Controls Slider Toggle Right

Outlined Fill - Streamline Material Free

Ultimate Regular

Toggle Setting Off

Core Line

Flex Gradient - Free

Ultimate Bold

Toggle Setting On Alternate

Flex Gradient

Horizontal Toggle Button Single Left

Sharp Remix

Horizontal Toggle Button Single Right

Core Remix

Core Pop

Core Gradient

Core Solid

Flex Flat - Free

Flex Solid

Ultimate Colors

Plump Line

Vertical Toggle Button Single Top

Flex Remix - Free

Flex Solid - Free

Ultimate Light - Free

Toggle Setting On

Freehand Line - Free

Ultimate Bold - Free

Plump Solid

<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>

**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

Horizontal Toggle Button Single Left icon - Micro Solid Set

Download Horizontal Toggle Button Single Left 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.