Activities

Android

Arrows

Audio Video

Business Payments

Common Actions

Communication

Hardware

Home

Household

Maps

Photo Image

Privacy Security

Social

Text Formatting

Transportation

Travel

UI Actions

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

Story Button

Story Post

Story Button Fill

Story Live

User Story

Post Story

Story Add

Story Audio

<p>Material Pro Sharp Fill variant provides filled icons with sharp, angular designs, enhancing Google's Material Icons with better coverage.</p>

Sharp Fill - Streamline Material

**Summary**: Streamline Material's firmest sub-style — angular filled silhouettes with no curve softening on a 24px grid, the highest-contrast and most authoritative Material sub-style, suited to enterprise, developer, and dark-mode contexts. Angular opaque silhouettes read as engineered shapes rather than organic forms, making this the firmest combination in the Material family. The tone signals precision and authority: "we are precise and unmissable." Best for active states in interfaces using Sharp Line for inactive states, high-contrast navigation in technical products on dark backgrounds, and small-size contexts (12–16px) where angular silhouettes retain recognisability better than curved equivalents.

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

---

## Fit & Recommendation

### Primary use cases

- Active states in interfaces using Sharp Line for inactive states
- High-contrast navigation in technical products on dark backgrounds
- Small-size contexts (12–16px) where the angular silhouettes retain recognisability better than curved equivalents at minimum pixel counts

---

## Brand & Cultural Identity

### What it communicates

> "We follow conventions, but we are more precise than the standard. We are unmissable when we need to be."

---

## Visual & Technical Specs

### Visual properties

| Property | Value |
|----------|-------|
| Stroke weight | None |
| Fill | Opaque fill with transparent cutouts — background visible through cutout areas |
| Corner treatment | Sharp angular silhouettes — geometric edges, same angular language as Sharp Line |
| Color | Monochrome (black default) |

### Emotional Scores

Material Sharp Fill is somewhat cold — angular filled silhouettes with no curve softening read as cold without being extreme. It is one of the harder sub-styles in the catalog — sharp silhouettes combined with solid fills compound hardness, making this the firmest sub-style in the Material family. It is one of the more formal sub-styles in the catalog — angular fill shapes read as direct and authoritative while remaining legible to Material-familiar users. It is one of the more serious sub-styles in the catalog — the strong graphic weight combined with angular edges communicates seriousness of function. On its human↔mechanical character, it is one of the more mechanical sub-styles in the catalog — sharp angular opaque silhouettes read as engineered shapes, not organic forms.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: IBM Plex Sans Medium — weight-matches the solid fills; engineering culture aligns with sharp geometry
- **Alternative**: DM Sans SemiBold — clean geometric at medium weight
- **Body**: Inter Regular — reliable neutral body under strong filled icons
- **Avoid**: Warm humanist or serif fonts — personality contradiction with angular filled silhouettes


<p>Everything you love about Material, without the flaws. We fixed inconsistencies, expanded the library, and rebuilt it for total coverage.</p>

Story Button Fill icon - Sharp Fill - Streamline Material Set

Download Story Button Fill SVG vector or transparent PNG icon in Solid, Bold, Glyph, Geometric style(s) for Sketch and Figma. It belongs to Sharp Fill - Streamline Material vectors SVG collection.