Add icons to this collection by clicking the heart icon.
Layout icon - also known as web design, page, development, website, layout, browser, software, dashboard, responsive, and seo and web. 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 64 64"
>
<linearGradient
id="New_Gradient_Swatch_3"
gradientUnits="userSpaceOnUse"
x1="32"
x2="32"
y1="65.565"
y2="8.102"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="New_Gradient_Swatch_3-2"
x1="13"
x2="13"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-3"
x1="17"
x2="17"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-4"
x1="21"
x2="21"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-5"
x1="43"
x2="43"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-6"
x1="35"
x2="35"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-7"
x1="42"
x2="42"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-8"
x1="50"
x2="50"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-9"
x1="39"
x2="39"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-10"
x1="49"
x2="49"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-12"
x1="18"
x2="18"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-13"
x1="23"
x2="23"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-14"
x1="15"
x2="15"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-15"
x1="20"
x2="20"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-16"
x1="25.5"
x2="25.5"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-17"
x1="16.5"
x2="16.5"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-18"
x1="24.5"
x2="24.5"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-20"
x1="19"
x2="19"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-22"
x1="22"
x2="22"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-23"
x1="27"
x2="27"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-25"
x1="25"
x2="25"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-26"
x1="14"
x2="14"
y1="65.565"
y2="8.102"
href="#New_Gradient_Swatch_3"
/>
<path
d="m56 49v-34a1 1 0 0 0 -1-1h-46a1 1 0 0 0 -1 1v34a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1zm-2-33v4h-44v-4zm-44 6h20v26h-20zm22 26v-26h22v26z"
fill="url(#New_Gradient_Swatch_3)"
/>
<path d="m12 17h2v2h-2z" fill="url(#New_Gradient_Swatch_3-2)" />
<path d="m16 17h2v2h-2z" fill="url(#New_Gradient_Swatch_3-3)" />
<path d="m20 17h2v2h-2z" fill="url(#New_Gradient_Swatch_3-4)" />
<path
d="m51 24h-16a1 1 0 0 0 -1 1v10a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-10a1 1 0 0 0 -1-1zm-1 2v6.149l-2.219-2.774a1 1 0 0 0 -1.562 0l-2.119 2.649-3.29-4.605a1.035 1.035 0 0 0 -1.626 0l-3.184 4.461v-5.88zm-4.486 8-.2-.284 1.686-2.116 1.919 2.4zm-2.457 0h-6.114l3.057-4.279z"
fill="url(#New_Gradient_Swatch_3-5)"
/>
<path d="m34 38h2v2h-2z" fill="url(#New_Gradient_Swatch_3-6)" />
<path d="m38 38h8v2h-8z" fill="url(#New_Gradient_Swatch_3-7)" />
<path d="m48 38h4v2h-4z" fill="url(#New_Gradient_Swatch_3-8)" />
<path d="m34 42h10v2h-10z" fill="url(#New_Gradient_Swatch_3-9)" />
<path d="m46 42h6v2h-6z" fill="url(#New_Gradient_Swatch_3-10)" />
<path d="m12 24h2v2h-2z" fill="url(#New_Gradient_Swatch_3-2)" />
<path d="m16 24h4v2h-4z" fill="url(#New_Gradient_Swatch_3-12)" />
<path d="m22 24h2v2h-2z" fill="url(#New_Gradient_Swatch_3-13)" />
<path d="m14 27h2v2h-2z" fill="url(#New_Gradient_Swatch_3-14)" />
<path d="m18 27h4v2h-4z" fill="url(#New_Gradient_Swatch_3-15)" />
<path d="m24 27h3v2h-3z" fill="url(#New_Gradient_Swatch_3-16)" />
<path d="m14 30h5v2h-5z" fill="url(#New_Gradient_Swatch_3-17)" />
<path d="m21 30h7v2h-7z" fill="url(#New_Gradient_Swatch_3-18)" />
<path d="m12 38h2v2h-2z" fill="url(#New_Gradient_Swatch_3-2)" />
<path d="m16 38h6v2h-6z" fill="url(#New_Gradient_Swatch_3-20)" />
<path d="m16 41h2v2h-2z" fill="url(#New_Gradient_Swatch_3-3)" />
<path d="m20 41h4v2h-4z" fill="url(#New_Gradient_Swatch_3-22)" />
<path d="m26 41h2v2h-2z" fill="url(#New_Gradient_Swatch_3-23)" />
<path d="m16 44h4v2h-4z" fill="url(#New_Gradient_Swatch_3-12)" />
<path d="m22 44h6v2h-6z" fill="url(#New_Gradient_Swatch_3-25)" />
<path d="m13 34h2v2h-2z" fill="url(#New_Gradient_Swatch_3-26)" />
<path d="m17 34h8v2h-8z" fill="url(#New_Gradient_Swatch_3-4)" />
<path
d="m61 52h-1v-37a5.006 5.006 0 0 0 -5-5h-46a5.006 5.006 0 0 0 -5 5v37h-1a1 1 0 0 0 -1 1v4a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5v-4a1 1 0 0 0 -1-1zm-55-37a3 3 0 0 1 3-3h46a3 3 0 0 1 3 3v37h-52zm21 39h10v1a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1-1zm33 3a3 3 0 0 1 -3 3h-50a3 3 0 0 1 -3-3v-3h21v1a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-1h21z"
fill="url(#New_Gradient_Swatch_3)"
/>
</svg>
More icons in the same style and category