Add icons to this collection by clicking the heart icon.
Layout icon - also known as web design, page, layout, ui, website design, web browser, square layout, and seo and web. Created in a clean flat style with a white, silver, purple, and orange finish, 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 128 128"
>
<clipPath id="a">
<path
d="M115.214 37.188H12.786a1 1 0 0 0-1 1V95.83a5.747 5.747 0 0 0 5.74 5.741h92.948a5.747 5.747 0 0 0 5.74-5.74V38.188a1 1 0 0 0-1-1z"
/>
</clipPath>
<clipPath id="b">
<path
d="M111.473 26.428H16.526a4.74 4.74 0 0 0-4.74 4.74v8.001h104.428v-8a4.74 4.74 0 0 0-4.74-4.741z"
/>
</clipPath>
<g>
<path
fill="#e7e7e7"
d="M115.214 37.188H12.786a1 1 0 0 0-1 1V95.83a5.747 5.747 0 0 0 5.74 5.741h92.948a5.747 5.747 0 0 0 5.74-5.74V38.188a1 1 0 0 0-1-1z"
/>
<g clip-path="url(#a)">
<path
fill="#d5d3d4"
d="M116.643 20.75h-1.929a27 27 0 0 0-27 27v12.696A23.304 23.304 0 0 1 64.411 83.75H25.357a27 27 0 0 0-27 27h98.036v-.321h20.25z"
/>
<path
fill="#e4613c"
d="M49.143 100.571V38.214h-46.5L4.357 104l44.786-1.929z"
/>
<path
fill="#f97050"
d="M10.357 29.214H27.5v32.572a17.143 17.143 0 0 1-17.143 17.143V29.214z"
/>
</g>
<path
fill="#803d63"
d="M111.473 26.428H16.526a4.74 4.74 0 0 0-4.74 4.74v8.001h104.428v-8a4.74 4.74 0 0 0-4.74-4.741z"
/>
<path
fill="none"
d="M111.473 26.428H16.526a4.74 4.74 0 0 0-4.74 4.74v8.001h104.428v-8a4.74 4.74 0 0 0-4.74-4.741z"
/>
<g clip-path="url(#b)">
<path
fill="#682f52"
d="M116.643 20.75h-1.929a27 27 0 0 0-27 27v12.696A23.304 23.304 0 0 1 64.411 83.75H25.357a27 27 0 0 0-27 27h98.036v-.321h20.25z"
/>
</g>
<circle cx="23.426" cy="32.798" r="1.959" fill="#c1e6c3" />
<circle cx="29.154" cy="32.798" r="1.959" fill="#fbc427" />
<path
fill="#5ab7ff"
d="M34.883 30.84a1.959 1.959 0 1 0 1.96 1.958 1.961 1.961 0 0 0-1.96-1.959z"
/>
<path
fill="#c1e6c3"
d="M105.533 31.798h-4.347a1 1 0 1 0 0 2h4.347a1 1 0 0 0 0-2zM95.533 31.798H71.186a1 1 0 0 0 0 2h24.347a1 1 0 0 0 0-2z"
/>
<rect
width="47.482"
height="12.805"
x="58.429"
y="46.589"
fill="#803d63"
rx="1"
/>
<rect
width="30.929"
height="12.805"
x="58.429"
y="62.997"
fill="#803d63"
rx="1"
/>
<rect
width="12.929"
height="12.805"
x="92.393"
y="62.997"
fill="#803d63"
rx="1"
/>
<rect
width="30.929"
height="12.805"
x="74.393"
y="79.405"
fill="#803d63"
rx="1"
/>
<rect
width="12.929"
height="12.805"
x="58.429"
y="79.405"
fill="#803d63"
rx="1"
/>
<path
fill="#682f52"
d="M105.91 47.59v10.8a.997.997 0 0 1-1 1h-17.2V47.75c0-.39.01-.78.03-1.16h17.17a1.003 1.003 0 0 1 1 1zM89.36 64v10.8a1.003 1.003 0 0 1-1 1h-6.43A23.136 23.136 0 0 0 87.57 63h.79a.997.997 0 0 1 1 1z"
/>
<rect
width="12.929"
height="12.805"
x="92.393"
y="62.997"
fill="#682f52"
rx="1"
/>
<rect
width="30.929"
height="12.805"
x="74.393"
y="79.405"
fill="#682f52"
rx="1"
/>
<path
fill="#682f52"
d="M71.36 82.69v8.52a1.003 1.003 0 0 1-1 1H59.43a1.003 1.003 0 0 1-1-1v-7.46h5.98a23.164 23.164 0 0 0 6.95-1.06z"
/>
<path
fill="#e7e7e7"
d="M20.786 48.929H19.18a1 1 0 0 1 0-2h1.607a1 1 0 1 1 0 2zM30.786 48.929H25.18a1 1 0 0 1 0-2h5.607a1 1 0 1 1 0 2z"
/>
<path
fill="#fbc427"
d="M20.786 57.514H19.18a1 1 0 0 1 0-2h1.607a1 1 0 0 1 0 2zM38.786 57.514H25.18a1 1 0 0 1 0-2h13.607a1 1 0 0 1 0 2z"
/>
<g fill="#e7e7e7">
<path
d="M25.786 66.1H19.18a1 1 0 1 1 0-2h6.607a1 1 0 0 1 0 2zM36.786 66.1H30.18a1 1 0 1 1 0-2h6.607a1 1 0 0 1 0 2zM42.786 66.1H41.18a1 1 0 1 1 0-2h1.607a1 1 0 0 1 0 2zM25.786 83.271H19.18a1 1 0 1 1 0-2h6.607a1 1 0 0 1 0 2zM42.786 83.271H36.18a1 1 0 1 1 0-2h6.607a1 1 0 0 1 0 2zM31.786 83.271H30.18a1 1 0 1 1 0-2h1.607a1 1 0 0 1 0 2z"
/>
</g>
<path
fill="#fbc427"
d="M25.786 91.857H19.18a1 1 0 1 1 0-2h6.607a1 1 0 0 1 0 2zM38.786 91.857H36.18a1 1 0 1 1 0-2h2.607a1 1 0 0 1 0 2zM31.786 91.857H30.18a1 1 0 1 1 0-2h1.607a1 1 0 0 1 0 2zM20.786 74.686H19.18a1 1 0 1 1 0-2h1.607a1 1 0 0 1 0 2zM30.786 74.686H25.18a1 1 0 1 1 0-2h5.607a1 1 0 0 1 0 2z"
/>
</g>
</svg>
More icons in the same style and category