---
title: "Responsive Layout Icon | Free Download PNG & SVG | Material Pro Line"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/responsive-layout--32246
canonical_url: "https://www.streamlinehq.com/icons/download/responsive-layout--32246"
summary: "Clean line icon of a framed layout with staggered blocks. Used for responsive design and UI layouts."
---

# Responsive Layout icon

The Responsive Layout icon shows a rectangular frame with staggered inner panels. Drawn in the line style on a 24px grid so its geometry stays clear at small sizes. Use it for responsive design tools, web development, interface builders, and layout controls. It belongs to Material Pro Line set in the Streamline Material family.

## Preview

![Clean line icon of a framed layout with staggered blocks. Used for responsive design and UI layouts.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/ui-actions/responsive-layout-gbvh3hddbeqdongxgxip7n.png/responsive-layout-hss6j8zh9mw3x9udnrq6r.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Responsive Layout
- **Type**: Icon
- **Set**: [Material Pro Line](/icons/material-pro-line.md) — Google Material Pro offers a versatile collection of high-quality, easily recognizable icons built on Material Design principles, ensuring clarity, consistency, and simplicity for a wide range of digital applications. The Line style is perfect for projects that prioritize simplicity, seamlessly adapting to both light and dark backgrounds. All Material Pro icons are designed on a 24px grid.
- **Family**: [Streamline Material](/icons/material-pro.md)
- **Style**: Line
- **Category**: UI Actions › UI Actions
- **Default size**: 24px
- **Pricing**: Pro
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: responsive, layout, grid, structure, design, template, webpage, adaptive, format, interface

## Download

- [Download Responsive Layout on Streamline](https://www.streamlinehq.com/icons/download/responsive-layout--32246)

## Also available in other styles

- [Responsive Layout — Outlined Line - Streamline Material](/icons/download/responsive-layout--32265.md) (Pro)
- [Responsive Layout — Sharp Line - Streamline Material](/icons/download/responsive-layout--32894.md) (Pro)
- [Responsive Layout — Rounded Line - Streamline Material](/icons/download/responsive-layout--32934.md) (Pro)

---

[View full sitemap](/sitemap.md)