---
title: "Layout Square Icon | Free Download PNG & SVG | Flex Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/layout-square--27689
canonical_url: "https://www.streamlinehq.com/icons/download/layout-square--27689"
summary: "Rounded gradient icon of a gradient-filled square with curved corners. Used for layouts, tiles, and app interfaces."
---

# Layout Square icon

The Layout Square icon shows a rounded square filled with a yellow-to-green gradient. Drawn in the gradient style on a 14px grid, its smooth curves and vivid color transition suit compact interface layouts. Use it for tiles, layout controls, app navigation, dashboards, and modern UI backgrounds. It belongs to Flex Gradient set in the Flex family.

## Preview

![Rounded gradient icon of a gradient-filled square with curved corners. Used for layouts, tiles, and app interfaces.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/flex-gradient/interface-essential/layouts/layout-square-jjsh5exjfjnomzwtozc9.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Layout Square
- **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 › Layouts
- **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**: layout, square, rounded, shape, outline, simple, frame, design, contour, smooth, block, abstract, view

## Download

- [Download Layout Square on Streamline](https://www.streamlinehq.com/icons/download/layout-square--27689)

## Also available in other styles

- [Layout Square — Flex Line](/icons/download/layout-square--24491.md) (Pro)
- [Layout Square — Flex Duo](/icons/download/layout-square--24540.md) (Pro)
- [Layout Square — Flex Remix](/icons/download/layout-square--28530.md) (Pro)
- [Layout Square — Flex Flat](/icons/download/layout-square--24701.md) (Pro)
- [Layout Square — Flex Neon](/icons/download/layout-square--30411.md) (Pro)
- [Layout Square — Flex Pop](/icons/download/layout-square--31290.md) (Pro)
- [Layout Square — Flex Solid](/icons/download/layout-square--24331.md) (Pro)

---

[View full sitemap](/sitemap.md)