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 flat style with a white, silver, red, 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 512"
>
<path
fill="#6fd7a3"
d="M512 398.223 256 384 0 398.223v27.034c0 .779.631 1.41 1.41 1.41h211.923c7.855 0 14.222 6.367 14.222 14.222 0 7.855 6.367 14.222 14.222 14.222h28.445c7.855 0 14.222-6.367 14.222-14.222 0-7.855 6.367-14.222 14.222-14.222H510.59a1.41 1.41 0 0 0 1.41-1.41z"
/>
<path
fill="#3ec3a4"
d="M256 423.689a7.5 7.5 0 0 1-7.5-7.5v-28.444a7.5 7.5 0 0 1 15 0v28.444a7.5 7.5 0 0 1-7.5 7.5z"
/>
<path
fill="#f2fbff"
d="M256 398.223h256V58.299a1.41 1.41 0 0 0-1.41-1.41H256l-14.222 170.667z"
/>
<path fill="#01c0fa" d="M312.889 113.778h142.222v56.889H312.889z" />
<path
fill="#f2fbff"
d="M256 398.223H0V58.299c0-.779.631-1.41 1.41-1.41H256z"
/>
<path
fill="#dff6fd"
d="M510.59 56.889h-39.799v258.642c0 34.289-27.797 62.086-62.086 62.086H254.283L256 398.223h256V58.299a1.41 1.41 0 0 0-1.41-1.41z"
/>
<path
fill="#dff6fd"
d="M214.791 56.889v258.642c0 34.289-27.797 62.086-62.086 62.086H0v20.604h256V56.889z"
/>
<path fill="#0681af" d="M56.889 113.778h142.222v28.444H56.889z" />
<path
fill="#01c0fa"
d="M199.111 170.667H56.889V256L128 241.777 199.111 256z"
/>
<path fill="#3ec3a4" d="m113.778 256 42.666-42.666L199.111 256z" />
<path fill="#6fd7a3" d="m142.222 256-42.666-42.666L56.889 256z" />
<path
fill="#fed402"
d="M312.889 199.111v44.575h12.314c8.909 0 16.131-7.222 16.131-16.131h28.445v85.333h-12.314c-8.909 0-16.131 7.222-16.131 16.131v12.314h85.333V329.02c0-8.909-7.222-16.131-16.131-16.131h-12.314v-85.333h28.445c0 8.909 7.222 16.131 16.131 16.131h12.313v-44.575H312.889z"
/>
<circle cx="128" cy="199.161" r="7.5" fill="#fed402" />
<path
fill="#08a9f1"
d="M462.611 170.67v-56.895a7.493 7.493 0 0 0-7.596-7.497h-70.923a5.954 5.954 0 0 0-.189 0c-81.685 0-69.816-.004-71.034 0a7.5 7.5 0 0 0-7.481 7.496v56.895c-.001 4.208 3.441 7.528 7.552 7.497h142.165a7.5 7.5 0 0 0 7.506-7.496zm-142.222-41.287 16.05 12.84-16.05 12.84zm71.111 0 16.05 12.84-16.05 12.84zm-15 25.679-16.05-12.84 16.05-12.84zm28.881-33.784h28.349l-14.175 11.34zm-56.937 11.339-14.175-11.34h28.349zm0 19.21 14.175 11.34H334.27zm71.112 0 14.175 11.34h-28.349zm12.006-9.605 16.05-12.84v25.679z"
/>
<g fill="#017297">
<path
d="M199.111 291.945H99.556a7.5 7.5 0 0 1 0-15h99.556a7.5 7.5 0 1 1-.001 15zM199.111 320.389H56.889a7.5 7.5 0 0 1 0-15h142.222a7.5 7.5 0 0 1 0 15zM170.667 348.834H56.889a7.5 7.5 0 0 1 0-15h113.778a7.5 7.5 0 0 1 0 15z"
/>
</g>
<path
fill="#fe0364"
d="M256 92.834v-15h-20.944V56.889h-15v20.944H35.944V56.889h-15v20.944H0v15h20.944v269.444H0v15h20.944v20.945h15v-20.945h184.112v20.945h15v-20.945H256v-15h-20.944V92.834zm-35.944 269.444H35.944V92.834h184.112z"
/>
<path
fill="#e30256"
d="M256 92.834v-15h-20.944V56.889h-15v20.944h-5.265v15h5.265v269.444h-26.491c-9.378 8.204-21.248 13.632-34.325 15h60.816v20.945h15v-20.945H256v-15h-20.944V92.834zM20.944 377.618h15v20.604h-15z"
/>
<path
fill="#fe0364"
d="M276.944 92.834v269.444H256v15h20.944v20.945h15v-20.945h184.112v20.945h15v-20.945H512v-15h-20.944V92.834H512v-15h-20.944V56.889h-15v20.944H291.944V56.889h-15v20.944H256v15h20.944zm15 0h184.112v269.444H291.944z"
/>
<path
fill="#e30256"
d="M276.944 377.618h15v20.604h-15zM491.056 56.889h-15v20.944h-5.265v15h5.265v269.444h-26.49c-9.378 8.204-21.248 13.632-34.325 15h60.815v20.945h15v-20.945H512v-15h-20.944V92.834H512v-15h-20.944z"
/>
</svg>
More icons in the same style and category