---
title: "Responsive Layout Icon | Free Download PNG & SVG | Flex Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/responsive-layout--27644
canonical_url: "https://www.streamlinehq.com/icons/download/responsive-layout--27644"
summary: "Rounded gradient icon of two overlapping rounded panels. Used for responsive layouts and adaptive interfaces."
---

# Responsive Layout icon

The Responsive Layout icon shows two overlapping rounded rectangular panels, with a smaller foreground panel nested against a larger panel behind it. Drawn in the gradient style on a 14px grid, its smooth filled curves keep the compact form clear and fluid. Use it for responsive layouts, device adaptation, web design systems, and interface breakpoints. It belongs to Flex Gradient set in the Flex family.

## Preview

![Rounded gradient icon of two overlapping rounded panels. Used for responsive layouts and adaptive interfaces.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/edit/responsive-layout-eec6f.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Responsive Layout
- **Type**: Icon
- **Set**: [Flex Gradient](/icons/flex-gradient.md) — Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal. The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Flex Gradient icons are designed on a 14px grid using filled shapes as gradient colors.
- **Family**: [Flex](/icons/flex.md) — Fluid icons
- **Style**: Gradient
- **Category**: Interface Essential › Edit
- **Default size**: 14px
- **Pricing**: Pro
- **License**: [Commercial](https://home.streamlinehq.com/license-premium)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: responsive, layout, design, essential, grid, ui, screens, adaptive, flexible, interface, basic, modern

## Download

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

## Also available in other styles

- [Responsive Layout — Flex Line](/icons/download/responsive-layout--24513.md) (Pro)
- [Responsive Layout — Flex Duo](/icons/download/responsive-layout--24562.md) (Pro)
- [Responsive Layout — Flex Remix](/icons/download/responsive-layout--28523.md) (Pro)
- [Responsive Layout — Flex Flat](/icons/download/responsive-layout--24723.md) (Pro)
- [Responsive Layout — Flex Neon](/icons/download/responsive-layout--30404.md) (Pro)
- [Responsive Layout — Flex Pop](/icons/download/responsive-layout--31281.md) (Pro)
- [Responsive Layout — Flex Solid](/icons/download/responsive-layout--24353.md) (Pro)

---

[View full sitemap](/sitemap.md)