Add icons to this collection by clicking the heart icon.
Layout icon - also known as web design, columns, website, layout, design, browser, web programming, seo and web, and user interface. Created in a clean lineal color style with a white, silver, gray, black, red, and lime 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-355.98c0-5.52-4.48-10-10-10h-477c-5.52 0-10 4.48-10 10V0c0 5.52 4.48 10 10 10h477C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#e8e6ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-355.98c0-5.52-4.48-10-10-10h-119.78C-19.14-270.21-21.6-47.53-24.21 10H-10C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#d1d0d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-53.03h-497V0c0 5.52 4.48 10 10 10h477C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#1edb13"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-53.03h-23.83c.82 27.46.23 49.69-.38 63.03H-10C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#06c126"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-493"
transform="translate(502.5 380.96)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v75.44c0 5.523-4.478 10-10 10h-307.67"
transform="translate(504.5 358.547)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h171.178c5.522 0 10 4.477 10 10v246.011"
transform="translate(323.322 68.014)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-134.807c-5.522 0-10-4.477-10-10v-355.973c0-5.523 4.478-10 10-10h271.3"
transform="translate(152.307 443.987)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.113"
transform="translate(47.433 412.473)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.112"
transform="translate(70.076 412.473)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.112"
transform="translate(92.72 412.473)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h13.956"
transform="translate(450.611 412.473)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-41.965"
transform="translate(98.246 322.69)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-12.168"
transform="translate(68.45 299.853)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-39.778"
transform="translate(128.488 299.853)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h90.386"
transform="translate(56.281 251)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h72.207"
transform="translate(56.281 227)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h72.207"
transform="translate(56.281 203)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h90.386"
transform="translate(56.281 179)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.08c0-5.52-4.072-10-9.09-10h-54.502c-5.017 0-9.09 4.48-9.09 10V0c0 5.52 4.073 10 9.09 10H-9.09C-4.072 10 0 5.52 0 0"
transform="translate(128.963 138.968)"
fill="#1edb13"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12.08c0-5.52-4.072-10-9.09-10h-24.052C-19.07-13.67-16.57-6.039-16.316 10h7.226C-4.072 10 0 5.52 0 0"
transform="translate(128.963 138.968)"
fill="#06c126"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-53.61c-5.266 0-9.535 4.269-9.535 9.534v13.004c0 5.265 4.269 9.534 9.535 9.534H0a9.534 9.534 0 0 0 9.534-9.534V9.534A9.534 9.534 0 0 0 0 0Z"
transform="translate(119.429 116.893)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-41.965"
transform="translate(252.772 322.69)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-12.168"
transform="translate(222.975 299.853)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-39.778"
transform="translate(283.014 299.853)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h90.387"
transform="translate(210.807 251)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h72.207"
transform="translate(210.807 227)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h72.207"
transform="translate(210.807 203)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h90.387"
transform="translate(210.807 179)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.08c0-5.52-4.072-10-9.09-10h-54.502c-5.017 0-9.09 4.48-9.09 10V0c0 5.52 4.073 10 9.09 10H-9.09C-4.072 10 0 5.52 0 0"
transform="translate(283.488 138.968)"
fill="#ff5475"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12.08c0-5.52-4.072-10-9.09-10h-24.051C-19.07-13.67-16.57-6.039-16.315 10h7.225C-4.072 10 0 5.52 0 0"
transform="translate(283.488 138.968)"
fill="#ff234f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-53.61c-5.266 0-9.535 4.269-9.535 9.534v13.004c0 5.265 4.269 9.534 9.535 9.534H0a9.534 9.534 0 0 0 9.534-9.534V9.534A9.534 9.534 0 0 0 0 0Z"
transform="translate(273.954 116.893)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-41.964"
transform="translate(407.297 322.69)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-12.168"
transform="translate(377.501 299.853)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-39.778"
transform="translate(437.54 299.853)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h90.386"
transform="translate(365.333 251)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h72.206"
transform="translate(365.333 227)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h72.206"
transform="translate(365.333 203)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h90.386"
transform="translate(365.333 179)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.08c0-5.52-4.072-10-9.09-10h-54.503c-5.016 0-9.089 4.48-9.089 10V0c0 5.52 4.073 10 9.089 10H-9.09C-4.072 10 0 5.52 0 0"
transform="translate(438.015 138.968)"
fill="#1edb13"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12.08c0-5.52-4.072-10-9.09-10h-24.052C-19.07-13.67-16.571-6.039-16.316 10h7.226C-4.072 10 0 5.52 0 0"
transform="translate(438.015 138.968)"
fill="#06c126"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-53.61c-5.266 0-9.535 4.269-9.535 9.534v13.004c0 5.265 4.269 9.534 9.535 9.534H0a9.534 9.534 0 0 0 9.534-9.534V9.534A9.534 9.534 0 0 0 0 0Z"
transform="translate(428.48 116.893)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-236.263"
transform="translate(178.5 344.083)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-236.263"
transform="translate(333.5 344.083)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category