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

Flex Duo

Triangle

Geometric Shape

Flex Flat

Core Flat

Plump Flat

Plump Gradient

Plump Pop

Geometric Shapes

Core Pop

Core Remix

Sharp Line

Sharp Remix

Flex Solid

Flex Line

Core Line

Plump Solid

Core Solid

Plump Duo

Sharp Solid

Plump Line

Flex Remix

Flex Neon

Flex Gradient

Flex Pop

Plump Remix

Plump Neon

Core Gradient

Core Duo

Core Neon

Sharp Gradient

Sharp Flat

Sharp Duo

Sharp Neon

Sharp Pop

Triangle Arrow Triangle Loop

Multiple Triangle Arrow

Micro Solid

Triangle Shape

Color Triangle

Color

Ultimate Bold

Retouch Triangle

Retouching Enchancing

Triangle Arrow Left 1

Single Triangle Arrow

Triangle Arrow Dodge 1

Warning Triangle

Alerts

Flag Triangle 1

Flags

Shape Triangle Alternate

Shapes

Freehand Duotone

Hierarchy Triangle

Hierarchy Organization

Cyber Line

Penrose Triangle

Design

Cyber Duotone

Vector Triangle

Synchronize Triangle

Synchronize

Triangle Arrow Transfer Horizontal 3

Triangle Arrow Transfer Horizontal 2

Tailless Triangle Arrow Down 1

Tailless Triangle Arrow

<p>Material Pro Rounded Fill variant offers filled icons with rounded corners, improving upon Google's original Material Icons with better consistency.</p>

Rounded Fill - Streamline Material

**Summary**: Streamline Material's warmer active-state sub-style — opaque fills on more generously rounded 24px-grid silhouettes, the complement to Rounded Line for navigation hierarchy in consumer-facing Material products. Generous rounding retains warmth even at solid fill weight, making this warmer than Outlined Fill at equivalent visual mass. The tone signals approachable emphasis: "we are warm and direct when needed." Best for active and selected states in consumer-facing interfaces using Rounded Line for inactive states, feature highlights where filled silhouettes should read friendlier than the Outlined Fill equivalent, and mobile navigation tab bars in consumer apps.

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

---

## Fit & Recommendation

### Primary use cases

- Consumer-facing active/selected states in interfaces using Rounded Line for inactive states
- Feature highlights in products where the rounded-fill silhouette reads as friendlier than Outlined Fill
- Mobile navigation tab bars in consumer apps

---

## Brand & Cultural Identity

### What it communicates

> "We follow conventions, and we made them warmer for you. We are clear and direct when needed."

---

## Visual & Technical Specs

### Visual properties

| Property | Value |
|----------|-------|
| Stroke weight | None |
| Fill | Opaque fill with transparent cutouts — background visible through cutout areas |
| Corner treatment | Rounded silhouettes — more generously curved than Outlined Fill |
| Color | Monochrome (black default) |

### Emotional Scores

Material Rounded Fill is somewhat warm — more rounded silhouettes retain warmth even at solid fill weight. It is somewhat soft — filled weight increases hardness while generous rounding offsets this, landing near neutral leaning soft. It is somewhat friendly — rounded filled shapes read as welcoming, slightly warmer than Outlined Fill. It is near neutral on playfulness — fill weight and rounded shape balance each other at the midpoint. On its human↔mechanical character, it is somewhat human-feeling — rounded filled silhouettes have an organic quality that prevents a mechanical reading.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: Plus Jakarta Sans Medium — weight-compatible with filled shapes while maintaining warmth
- **Alternative**: Outfit SemiBold — rounded humanist at heavier weight
- **Body**: Inter Regular


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

Triangle Arrow Top Left Corner Fill

Triangle Arrow Top Left Corner Fill icon - Rounded Fill - Streamline Material Set

Download Triangle Arrow Top Left Corner Fill SVG vector or transparent PNG icon in Solid, Bold, Glyph, Geometric style(s) for Sketch and Figma. It belongs to Rounded Fill - Streamline Material vectors SVG collection.