--- title: "Outlined Fill - Streamline Material Icons Set - 5181 customizable PNGs, SVGs, PDFs" product: "Streamline Icons, Illustrations and Elements" url: /icons/material-pro-outlined-fill canonical_url: "https://www.streamlinehq.com/icons/material-pro-outlined-fill" 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." --- # Outlined Fill - Streamline Material Icons Set - 5181 customizable PNGs, SVGs, PDFs Material Pro Outlined Fill variant provides filled icon shapes while maintaining the Material Design System's principles with improved consistency and coverage. 5181 icons ## 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 ## Example icons - [Achievements Fill](https://assets.streamlinehq.com/image/private/w_30,h_30,ar_1/f_auto/v1/icons/activities/achievements-fill-69af6.png?_a=DATAiZiuZAA0) - [Air Fill](https://assets.streamlinehq.com/image/private/w_30,h_30,ar_1/f_auto/v1/icons/activities/air-fill-747b5.png?_a=DATAiZiuZAA0) - [Architecture Fill](https://assets.streamlinehq.com/image/private/w_30,h_30,ar_1/f_auto/v1/icons/activities/architecture-fill-6ec2c.png?_a=DATAiZiuZAA0) - [Arrow Cool Down Fill](https://assets.streamlinehq.com/image/private/w_30,h_30,ar_1/f_auto/v1/icons/activities/arrow-cool-down-fill-3b0e8.png?_a=DATAiZiuZAA0) - [Arrow Warm Up Fill](https://assets.streamlinehq.com/image/private/w_30,h_30,ar_1/f_auto/v1/icons/activities/arrow-warm-up-fill-4f231.png?_a=DATAiZiuZAA0) - [Avg Pace Fill](https://assets.streamlinehq.com/image/private/w_30,h_30,ar_1/f_auto/v1/icons/activities/avg-pace-fill-a959d.png?_a=DATAiZiuZAA0) - [Avg Time Fill](https://assets.streamlinehq.com/image/private/w_30,h_30,ar_1/f_auto/v1/icons/activities/avg-time-fill-b2c48.png?_a=DATAiZiuZAA0) - [Axe Fill](https://assets.streamlinehq.com/image/private/w_30,h_30,ar_1/f_auto/v1/icons/activities/axe-fill-d1ed3.png?_a=DATAiZiuZAA0) - [Azm Fill](https://assets.streamlinehq.com/image/private/w_30,h_30,ar_1/f_auto/v1/icons/activities/azm-fill-34642.png?_a=DATAiZiuZAA0) - [Backpack Fill](https://assets.streamlinehq.com/image/private/w_30,h_30,ar_1/f_auto/v1/icons/activities/backpack-fill-2ba36.png?_a=DATAiZiuZAA0) - [Balloon Fill](https://assets.streamlinehq.com/image/private/w_30,h_30,ar_1/f_auto/v1/icons/activities/balloon-fill-0fd8b.png?_a=DATAiZiuZAA0) - [Bath Private Fill](https://assets.streamlinehq.com/image/private/w_30,h_30,ar_1/f_auto/v1/icons/activities/bath-private-fill-bf0b8.png?_a=DATAiZiuZAA0) --- [View full sitemap](/sitemap.md)