Add icons to this collection by clicking the heart icon.
Layout icon - also known as computer, web design, window, section, website, layout, browser, ui, website design, seo and web, and user interface. Created in a clean flat style with a silver, gray, teal, orange, and pink 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 58 58"
>
<g fill="none">
<path fill="#cdd2dc" d="M49 8v28H9V8l1-1h38z" />
<path
fill="#a07862"
d="M25 33v16H8a2.968 2.968 0 0 1-2.82-2H2a2.006 2.006 0 0 1-2-2V35a2.006 2.006 0 0 1 2-2h3v-1a3 3 0 0 1 3-3h6a2.968 2.968 0 0 1 2.82 2c.121.32.182.658.18 1v1zM58 35v10a2.006 2.006 0 0 1-2 2h-3.18A2.968 2.968 0 0 1 50 49H37V33h4v-1c-.002-.342.059-.68.18-1A2.968 2.968 0 0 1 44 29h6a3 3 0 0 1 3 3v1h3a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#3485ea"
d="M49 2v6H9V2a2.006 2.006 0 0 1 2-2h36a2.006 2.006 0 0 1 2 2z"
/>
<rect width="18" height="10" x="13" y="12" fill="#8a92a2" rx="1" />
<rect width="10" height="10" x="35" y="12" fill="#bac1ce" rx="1" />
<path
fill="#e3af85"
d="M39 34v16a2.968 2.968 0 0 1-2 2.82V56a2.006 2.006 0 0 1-2 2H25a2.006 2.006 0 0 1-2-2v-3h-1a3 3 0 0 1-3-3v-6a2.965 2.965 0 0 1 .77-2 2.872 2.872 0 0 1 1.23-.82c.32-.121.658-.182 1-.18h1V31a2.006 2.006 0 0 1 2-2 2.015 2.015 0 0 1 2 2v-3a2.006 2.006 0 0 1 2-2 2.015 2.015 0 0 1 2 2v3a2.006 2.006 0 0 1 2-2 2.015 2.015 0 0 1 2 2v3a2.015 2.015 0 0 1 2-2c.268 0 .533.055.78.16.082.03.159.07.23.12a1.1 1.1 0 0 1 .21.14c.068.051.131.108.19.17.046.044.09.09.13.14.03.04.06.07.09.11.244.337.373.744.37 1.16z"
/>
<path
fill="#d19a75"
d="M23 41v4a1 1 0 0 1-2 0v-3.82c.32-.121.658-.182 1-.18z"
/>
<g fill="#82624d">
<path
d="M42 42h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM42 38h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM46 32a1 1 0 0 1-1 1h-4v-1c-.002-.342.059-.68.18-1H45a1 1 0 0 1 1 1zM42 46h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM17 32v1h-4a1 1 0 0 1 0-2h3.82c.121.32.182.658.18 1zM23 36v2h-7a1 1 0 0 1 0-2zM16 44h3v2h-3a1 1 0 0 1 0-2zM16 40h7v1h-1a2.772 2.772 0 0 0-1 .18 2.872 2.872 0 0 0-1.23.82H16a1 1 0 0 1 0-2z"
/>
</g>
<path fill="#f17fc4" d="M14 5h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="#a7df63" d="M19 5h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="#ffca53" d="M24 5h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path
fill="#d19a75"
d="M31 28v13a1 1 0 0 1-2 0V26a2.015 2.015 0 0 1 2 2zM27 31v10a1 1 0 0 1-2 0V29a2.015 2.015 0 0 1 2 2zM35 31v10a1 1 0 0 1-2 0V29a2.015 2.015 0 0 1 2 2zM39 34v16a2.968 2.968 0 0 1-2 2.82V56a2.006 2.006 0 0 1-2 2h-2a2.006 2.006 0 0 0 2-2v-2.546a1 1 0 0 1 .509-.864A2.973 2.973 0 0 0 37 50V32c.268 0 .533.055.78.16.082.03.159.07.23.12a1.1 1.1 0 0 1 .21.14c.068.051.131.108.19.17.046.044.09.09.13.14.03.04.06.07.09.11.244.337.373.744.37 1.16z"
/>
<path
fill="#82624d"
d="M17 32v1h-2v-1a3 3 0 0 0-3-3h2a3 3 0 0 1 3 3zM50.82 47h2A2.968 2.968 0 0 1 50 49h-2a2.968 2.968 0 0 0 2.82-2zM53 32v1h-2v-1a3 3 0 0 0-3-3h2a3 3 0 0 1 3 3zM58 35v10a2.006 2.006 0 0 1-2 2h-2a2.006 2.006 0 0 0 2-2V35a2.006 2.006 0 0 0-2-2h2a2.006 2.006 0 0 1 2 2z"
/>
</g>
</svg>
More icons in the same style and category