Add icons to this collection by clicking the heart icon.
Layout icon - also known as interface, web, web design, columns, development, two, layout, design, ui, and web development. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="30"
y2="438.078"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<linearGradient
id="b"
x1="406.5"
x2="406.5"
y1="30"
y2="438.078"
href="#a"
/>
<linearGradient
id="c"
x1="180.5"
x2="180.5"
y1="30"
y2="438.078"
href="#a"
/>
<linearGradient
id="d"
x1="136.086"
x2="136.086"
y1="30"
y2="438.078"
href="#a"
/>
<linearGradient
id="e"
x1="177.795"
x2="177.795"
y1="30"
y2="438.078"
href="#a"
/>
<path
fill="url(#a)"
d="M455 40H57a10 10 0 0 0-10 10v60a10 10 0 0 0 10 10h398a10 10 0 0 0 10-10V50a10 10 0 0 0-10-10zm-10 61H67V60h378z"
/>
<g fill="url(#b)">
<path
d="M454 155h-95a10 10 0 0 0-10 10v60a10 10 0 0 0 10 10h95a10 10 0 0 0 10-10v-60a10 10 0 0 0-10-10zm-9 61h-76v-41h76zM454 270h-95a10 10 0 0 0-10 10v60a10 10 0 0 0 10 10h95a10 10 0 0 0 10-10v-60a10 10 0 0 0-10-10zm-9 60h-76v-40h76zM454 384h-95a10 10 0 0 0-10 10v60a10 10 0 0 0 10 10h95a10 10 0 0 0 10-10v-60a10 10 0 0 0-10-10zm-9 61h-76v-41h76z"
/>
</g>
<path
fill="url(#c)"
d="M304 155H57a10 10 0 0 0-10 10v177a10 10 0 0 0 10 10h247a10 10 0 0 0 10-10V165a10 10 0 0 0-10-10zm-10 177H67V175h227z"
/>
<path
fill="url(#d)"
d="M57.1 420h157.973a10 10 0 0 0 0-20H57.1a10 10 0 0 0 0 20z"
/>
<path
fill="url(#e)"
d="M298.491 452H57.1a10 10 0 0 0 0 20h241.391a10 10 0 0 0 0-20z"
/>
</svg>
More icons in the same style and category