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

Block – Free

Left Chevron

Arrowheads

Outlined Line - Streamline Material Free

Chevron Downward

Down Chevron

Right Chevron

Up Chevron

Rounded Line - Streamline Material Free

Chevron Diagonal Scroll

Right Chevron Circle

Up Right Chevron

Down Left Chevron

Outlined Fill - Streamline Material Free

Chevron From Top Fill

Sharp Line - Streamline Material

Chevron Left

Outlined Line - Streamline Material

Chevron Right

Flex Neon

Tag Chevron

Add Remove Delete

Core Pop

Rounded Line - Streamline Material

Chevron Forward

Chevron Backward

Chevron Upward

Core Line

Chevron Arrow Right

Thick Arrow

Core Remix

Chevron Arrow Up

Chevron Arrow Down

Chevron Down Square

Rounded Fill - Streamline Material

Chevron Upward Fill

Chevron From Left

Flex Solid

Outlined Fill - Streamline Material

Plump Solid

Chevron Arrow Left

Chevron Downward Fill

Chevron Move Vertical

Sharp Pop

Sharp Line

Flex Line

Core Flat

Core Solid

Flex Remix

Plump Neon

Plump Pop

Big Chevron Down

Sharp Solid

Core Gradient

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

Chevron Diagonal Scroll Alt Fill

Chevron Diagonal Scroll Alt Fill icon - Sharp Fill - Streamline Material Set

Download Chevron Diagonal Scroll Alt 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.