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, web development, and seo and web. Created in a clean lineal color style with a white, silver, black, yellow, and teal 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 512.006 512.006"
>
<path
d="m504.506 394.061-248.503-13.806L7.5 394.061v26.242a1.37 1.37 0 0 0 1.369 1.369h205.717c7.625 0 13.805 6.181 13.805 13.805 0 7.625 6.181 13.805 13.805 13.805h27.612c7.625 0 13.805-6.181 13.805-13.805 0-7.625 6.181-13.805 13.805-13.805h205.717a1.37 1.37 0 0 0 1.369-1.369v-26.242z"
fill="#6fd7a3"
/>
<path
d="M256.003 394.061h248.503V64.092a1.37 1.37 0 0 0-1.369-1.369H256.003l-13.806 165.669 13.806 165.669z"
fill="#f2fbff"
/>
<path d="M311.226 117.946h138.057v55.223H311.226z" fill="#01c0fa" />
<path
d="M256.003 394.061H7.5V64.092a1.37 1.37 0 0 1 1.369-1.369h247.134v331.338z"
fill="#f2fbff"
/>
<path
d="M503.137 62.723h-38.633v251.068c0 33.285-26.983 60.268-60.268 60.268h-149.9l1.667 20.001h248.503V64.092a1.37 1.37 0 0 0-1.369-1.369z"
fill="#dff6fd"
/>
<path
d="M216.001 62.723v251.068c0 33.285-26.983 60.268-60.268 60.268H7.5v20.001h248.503V62.723h-40.002z"
fill="#dff6fd"
/>
<path d="M62.723 117.946H200.78v27.611H62.723z" fill="#0681af" />
<path
d="M200.78 173.169H62.723v82.834l69.028-13.806 69.029 13.806z"
fill="#01c0fa"
/>
<path d="m117.946 256.003 41.417-41.417 41.417 41.417z" fill="#3ec3a4" />
<path d="m145.557 256.003-41.417-41.417-41.417 41.417z" fill="#6fd7a3" />
<path
d="M311.226 200.781v43.27h11.953c8.648 0 15.658-7.011 15.658-15.658h27.612v82.834h-11.953c-8.648 0-15.659 7.011-15.659 15.659v11.953h82.834v-11.953c0-8.648-7.011-15.659-15.659-15.659H394.06v-82.834h27.612c0 8.648 7.011 15.658 15.658 15.658h11.953v-43.27H311.226z"
fill="#fed402"
/>
<path
d="M7.5 394.061v26.242a1.37 1.37 0 0 0 1.369 1.369h205.717c7.625 0 13.805 6.181 13.805 13.805v0c0 7.625 6.181 13.805 13.805 13.805h27.612c7.625 0 13.805-6.181 13.805-13.805v0c0-7.625 6.181-13.805 13.805-13.805h205.717a1.37 1.37 0 0 0 1.369-1.369v-26.242M256.003 421.671v-27.61M256.003 394.061h248.503V64.092a1.37 1.37 0 0 0-1.369-1.369H256.003"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M311.226 117.946h138.057v55.223H311.226zM380.254 173.169v-55.223M311.226 117.946l69.028 55.223M380.254 117.946l-69.028 55.223M449.283 117.946l-69.029 55.223M380.254 117.946l69.029 55.223M476.895 62.723V394.06M504.495 90.335H255.992M255.992 366.449h248.503M283.603 394.061V62.723M62.723 394.061H7.5V64.092a1.37 1.37 0 0 1 1.369-1.369h247.134V394.06H97.725"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M62.723 117.946H200.78v27.611H62.723zM62.723 173.169H200.78v82.834H62.723zM104.14 283.615h96.64M62.723 311.226H200.78M62.723 338.838h110.446"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m145.557 256.003-41.417-41.417-41.417 41.417M131.751 200.829h0M127.404 90.335h128.599M7.5 90.335h84.902M35.111 62.723V394.06M256.003 366.449H7.5M228.392 394.061V62.723M375.064 200.781h-63.838v43.27h11.953c8.648 0 15.658-7.011 15.658-15.658h27.612v82.834h-11.953c-8.648 0-15.659 7.011-15.659 15.659v11.953h82.834v-11.953c0-8.648-7.011-15.659-15.659-15.659H394.06v-82.834h27.612c0 8.648 7.011 15.658 15.658 15.658h11.953v-43.27h-39.217M200.78 256.003l-41.417-41.417-27.611 27.611"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category