--- title: "Streamline Material" product: "Streamline Icons, Illustrations and Elements" asset_count: 31086 url: /icons/material-pro canonical_url: "https://www.streamlinehq.com/icons/material-pro" summary: "Streamline Material offers Outlined, Rounded, and Sharp geometry in line and filled treatments." --- # Streamline Material Streamline Material offers Outlined, Rounded, and Sharp geometry in line and filled treatments. 31086 icons | 12 sets Licenses: Commercial, Free ## Fit & Recommendation ### Primary use cases - Add symbols beside labels and controls in apps or websites. - Use icons to organize documentation, presentations, print, or signage. #### Practical guidance - Choose a drawing style before combining related assets. - Check apparent size, detail, and contrast in the final layout. ## Visual & Technical Specs ### Visual properties | Set | Stroke | Fill | Shape | Color System | | --- | --- | --- | --- | --- | | Outlined Line | approximately 1.5 to 2px | None | The shapes follow the rounded corners of the Outlined design. | Monochrome | | Outlined Fill | None | Opaque fill with transparent cutouts | The shapes follow the rounded corners of the Outlined design. | Monochrome | | Rounded Line | approximately 1.5 to 2px | None | The shapes have wider curves and more rounded ends than the Outlined design. | Monochrome | | Rounded Fill | None | Opaque fill with transparent cutouts | The shapes have wider curves and more rounded ends than the Outlined design. | Monochrome | | Sharp Line | approximately 1.5 to 2px | None | Corners and path ends have sharp, angular edges. | Monochrome | | Sharp Fill | None | Opaque fill with transparent cutouts | Corners and path ends have sharp, angular edges. | Monochrome | #### Technical specifications - Grid: 24x24px. ### Emotional Scores These scores describe visual character. They are editorial judgments, not measured audience reactions. Each scale runs from 0.00 at the first word to 1.00 at the second, with 0.50 in the middle. For example, a lower Warm to Cold score means a warmer appearance. Outlined Line - Warm to Cold: Slightly warm (0.45). - Soft to Hard: Slightly soft (0.40). - Friendly to Formal: Balanced (0.50). - Playful to Serious: Balanced (0.50). - Human to Mechanical: Slightly human (0.45). Outlined Fill - Warm to Cold: Balanced (0.50). - Soft to Hard: Slightly hard (0.60). - Friendly to Formal: Slightly formal (0.55). - Playful to Serious: Slightly serious (0.55). - Human to Mechanical: Balanced (0.50). Rounded Line - Warm to Cold: Warm (0.35). - Soft to Hard: Soft (0.30). - Friendly to Formal: Friendly (0.35). - Playful to Serious: Slightly playful (0.40). - Human to Mechanical: Human (0.35). Rounded Fill - Warm to Cold: Slightly warm (0.40). - Soft to Hard: Slightly soft (0.45). - Friendly to Formal: Slightly friendly (0.40). - Playful to Serious: Balanced (0.50). - Human to Mechanical: Slightly human (0.40). Sharp Line - Warm to Cold: Slightly cold (0.60). - Soft to Hard: Hard (0.65). - Friendly to Formal: Formal (0.65). - Playful to Serious: Serious (0.65). - Human to Mechanical: Mechanical (0.65). Sharp Fill - Warm to Cold: Cold (0.65). - Soft to Hard: Hard (0.75). - Friendly to Formal: Formal (0.70). - Playful to Serious: Serious (0.70). - Human to Mechanical: Mechanical (0.70). ## Pairing & Compatibility ### Typography pairing Outlined Line - Primary: Choose simple letterforms with a weight close to the artwork. For example, try Roboto. - Alternative: Try softly curved letterforms to echo the rounded shapes. For example, try Inter. - Display: Choose simple letterforms with a weight close to the artwork. For example, try Google Sans, DM Sans. - Body: Use a lighter weight for supporting text and compare it with the artwork at reading size. For example, try Roboto Regular, Inter Regular. - Caution: Compare heavier or decorative type at the final size so it does not overpower the artwork. Outlined Fill - Primary: Choose simple letterforms with a weight close to the artwork. For example, try Roboto Medium. - Alternative: Choose enough text weight to balance the heavier parts of the artwork. For example, try Inter SemiBold. - Body: Use a lighter weight for supporting text and compare it with the artwork at reading size. For example, try Roboto Regular. Rounded Line - Primary: Try softly curved letterforms to echo the rounded shapes. For example, try Plus Jakarta Sans. - Alternative: Try softly curved letterforms to echo the rounded shapes. For example, try Nunito. - Display: Try softly curved letterforms to echo the rounded shapes. For example, try DM Sans. - Body: Use a lighter weight for supporting text and compare it with the artwork at reading size. For example, try Inter Regular, Plus Jakarta Sans Regular. - Caution: Compare letter shapes and apparent weight before combining a contrasting typeface with the artwork. Rounded Fill - Primary: Try softly curved letterforms to echo the rounded shapes. For example, try Plus Jakarta Sans Medium. - Alternative: Choose enough text weight to balance the heavier parts of the artwork. For example, try Outfit SemiBold. - Body: Use a lighter weight for supporting text and compare it with the artwork at reading size. For example, try Inter Regular. Sharp Line - Primary: Try structured letterforms to echo the geometric shapes. For example, try IBM Plex Sans. - Alternative: Choose simple letterforms with a weight close to the artwork. For example, try Neue Haas Grotesk. - Display: Try structured letterforms to echo the geometric shapes. For example, try Space Grotesk. - Body: Use a lighter weight for supporting text and compare it with the artwork at reading size. For example, try IBM Plex Sans Regular, Inter Regular. - Caution: Compare heavier or decorative type at the final size so it does not overpower the artwork. Sharp Fill - Primary: Choose simple letterforms with a weight close to the artwork. For example, try IBM Plex Sans Medium. - Alternative: Choose enough text weight to balance the heavier parts of the artwork. For example, try DM Sans SemiBold. - Body: Use a lighter weight for supporting text and compare it with the artwork at reading size. For example, try Inter Regular. - Caution: Compare letter shapes and apparent weight before combining a contrasting typeface with the artwork. ## Pro sets - [Outlined Line - Streamline Material](/icons/material-pro-outlined-line.md): 5181 icons - [Outlined Fill - Streamline Material](/icons/material-pro-outlined-fill.md): 5181 icons - [Rounded Line - Streamline Material](/icons/material-pro-rounded-line.md): 5181 icons - [Rounded Fill - Streamline Material](/icons/material-pro-rounded-fill.md): 5181 icons - [Sharp Line - Streamline Material](/icons/material-pro-sharp-line.md): 5181 icons - [Sharp Fill - Streamline Material](/icons/material-pro-sharp-fill.md): 5181 icons ## Free sets - [Outlined Line - Streamline Material Free](/icons/material-pro-outlined-line-free.md): 999 icons - [Outlined Fill - Streamline Material Free](/icons/material-pro-outlined-fill-free.md): 999 icons - [Rounded Line - Streamline Material Free](/icons/material-pro-rounded-line-free.md): 999 icons - [Rounded Fill - Streamline Material Free](/icons/material-pro-rounded-fill-free.md): 999 icons - [Sharp Line - Streamline Material Free](/icons/material-pro-sharp-line-free.md): 999 icons - [Sharp Fill - Streamline Material Free](/icons/material-pro-sharp-fill-free.md): 999 icons --- [View full sitemap](/sitemap.md)