---
title: "Component Icon | Free Download PNG & SVG | Sharp Line - Streamline Material"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/component--32888
canonical_url: "https://www.streamlinehq.com/icons/download/component--32888"
summary: "Sharp line icon of four diamond frames arranged around a central gap. Used for components, modular layouts, and UI systems."
---

# Component icon

The Component icon shows four diamond-shaped frames arranged around a central gap. Drawn in the line style on a 24px grid for crisp, angular UI graphics. Use it for component libraries, modular layouts, interface builders, and system diagrams. It belongs to Sharp Line - Streamline Material set in the Streamline Material family.

## Preview

![Sharp line icon of four diamond frames arranged around a central gap. Used for components, modular layouts, and UI systems.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/photo-image/component-2a7cd.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Component
- **Type**: Icon
- **Set**: [Sharp Line - Streamline Material](/icons/material-pro-sharp-line.md) — Material Pro Sharp Line variant features sharp, angular icon designs in line format with improved coverage and consistency.
- **Family**: [Streamline Material](/icons/material-pro.md)
- **Style**: Line, Outlined, Geometric
- **Category**: Photo Image › Photo Image
- **Default size**: 24px
- **Pricing**: Pro
- **License**: [Commercial](https://home.streamlinehq.com/license-premium)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: component, module, quadrant, cluster, assembly, symmetry, blocks, tiles, grid, nodes

## Download

- [Download Component on Streamline](https://www.streamlinehq.com/icons/download/component--32888)

## Also available in other styles

- [Component — Outlined Line - Streamline Material](/icons/download/component--32259.md) (Pro)
- [Component — Rounded Line - Streamline Material](/icons/download/component--32929.md) (Pro)

---

[View full sitemap](/sitemap.md)