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

Rounded Line - Streamline Material Free

Takeout Dining

Outlined Line - Streamline Material Free

Sharp Line - Streamline Material Free

Outlined Line - Streamline Material

Sharp Line - Streamline Material

Rounded Line - Streamline Material

Sharp Fill - Streamline Material

Takeout Dining Fill

Rounded Fill - Streamline Material Free

Sharp Fill - Streamline Material Free

Outlined Fill - Streamline Material

Rounded Fill - Streamline Material

Outlined Fill - Streamline Material Free

Nova Solid - Free

Shopping Basket Remove Takeout

Shopping Ecommerce

Nova Line - Free

Nova Solid

Baskets

Plump Line

Food Takeaway Packaging

Kitchenware

Flex Line

Plastic Food Container

Nova Line

Food Ramen Noodle Cup

Foods

Cyber Duotone

Bin 4

Content Edition

Cyber Line

Ultimate Bold

Asian Food Boxed Noodle

Asian Food

Core Duo

Food Lunch Bag

Food

Core Line

Core Neon

Flex Solid

Platinum

Coffee

Drink

Sharp Solid

Core Gradient

Food Delivery Bag

Food Delivery

Ultimate Light

Ultimate Regular

Sharp Remix

Globe Website Sync

Sharp Line

Core Solid

Freehand Duotone

Coffee To Go

Coffee Take Away

Coffee Teas

Core Remix

Fastfood Fill

Flex Remix

Lunch Set Fastfood

Burrito Fill

Ultimate Duotone - Free

Fast Food French Fries

Food Drinks

<p>Material Pro Outlined Fill variant provides filled icon shapes while maintaining the Material Design System's principles with improved consistency and coverage.</p>

**Summary**: Streamline Material's standard active-state sub-style — opaque fills with transparent cutouts on standard-roundness 24px-grid silhouettes, the complement to Outlined Line for navigation hierarchy and emphasis. Solid weight adds minor authority while rounded silhouettes retain the accessible Material DNA, landing slightly formal without being austere. The tone signals direct function: "we are clear when we need to be." Best for active and selected states in navigation systems paired with Outlined Line for inactive states, tab bars, primary action indicators, and dense layouts where 1.5px strokes are insufficient for legibility at small sizes.

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

---

## Fit & Recommendation

### Primary use cases

- Active states and selected states in navigation systems paired with Outlined Line for inactive states
- Tab bar active icons, button icons, and primary action indicators
- Dense interfaces where 1.5px strokes are insufficient for legibility at small sizes
- Dark-mode icon contexts where filled shapes provide more reliable contrast

---

## Brand & Cultural Identity

### What it communicates

> "We follow established conventions. 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 matching Outlined Line geometry |
| Color | Monochrome (black default) |

### Emotional Scores

Material Outlined Fill is near neutral on warmth — opaque fills add heavier visual weight while rounded silhouettes prevent coldness, landing at an exact neutral. It is somewhat hard — solid fills increase visual hardness, though rounded silhouettes moderate the effect from maximum. It is somewhat mechanical on friendliness — solid weight adds minor authority while accessible shapes retain approachability, leaning slightly formal. It is somewhat mechanical on playfulness — fill weight communicates function while recognisable shapes stay accessible, leaning slightly serious. On its human↔mechanical character, it is near neutral — rounded opaque silhouettes balance fill suggesting systematic construction with rounding suggesting human, producing a genuine midpoint.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: Roboto Medium — slightly heavier weight matches solid fill visual mass
- **Alternative**: Inter SemiBold — matches fill weight in dark mode contexts
- **Body**: Roboto Regular


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

Takeout Dining Fill icon - Outlined Fill - Streamline Material Set

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