Add icons to this collection by clicking the heart icon.
Layout icon - also known as interface, web, window, application, layout, design, browser, website design, content, and seo and web. Created in a clean lineal color style with a white, silver, red, yellow, teal, magenta, and purple 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
d="M394.222 7.5H117.778c-43.689 0-79.107 35.417-79.107 79.107v338.786c0 43.69 35.417 79.107 79.107 79.107h276.444c43.689 0 79.107-35.417 79.107-79.107V86.607c0-43.69-35.418-79.107-79.107-79.107z"
fill="#ffceff"
/>
<path
d="M117.778 454.5c-16.05 0-29.107-13.057-29.107-29.106v-63.787c0-16.05 13.057-29.107 29.107-29.107h86.443c16.05 0 29.107 13.057 29.107 29.107v63.787c0 16.05-13.058 29.106-29.107 29.106h-86.443zM394.222 454.5c16.05 0 29.107-13.057 29.107-29.106v-63.787c0-16.05-13.057-29.107-29.107-29.107h-86.443c-16.05 0-29.107 13.057-29.107 29.107v63.787c0 16.05 13.058 29.106 29.107 29.106h86.443z"
fill="#b98eff"
/>
<path
d="M423.33 86.61V246.6l-61.41-88.71a57.72 57.72 0 0 0-47.44-24.85 57.679 57.679 0 0 0-47.43 24.85l-44.12 63.74-15.82-22.85a50.82 50.82 0 0 0-41.79-21.9 50.81 50.81 0 0 0-41.8 21.9l-34.85 50.34V86.61c0-16.05 13.06-29.11 29.11-29.11h276.44c16.05 0 29.11 13.06 29.11 29.11z"
fill="#ffff6f"
/>
<path
d="M423.33 246.6v8.79c0 16.05-13.06 29.11-29.11 29.11H179.4l87.65-126.61a57.68 57.68 0 0 1 47.43-24.85 57.72 57.72 0 0 1 47.44 24.85l61.41 88.71z"
fill="#88f8d8"
/>
<path
d="M222.93 221.63 179.4 284.5h-61.62c-16.05 0-29.11-13.06-29.11-29.11v-6.27l34.85-50.34a50.811 50.811 0 0 1 41.8-21.9 50.82 50.82 0 0 1 41.79 21.9l15.82 22.85z"
fill="#17d9c3"
/>
<circle cx="204.864" cy="125.126" r="25.464" fill="#ffd600" />
<path
d="M394.222 7.5H117.778c-43.689 0-79.107 35.417-79.107 79.107v338.786c0 43.69 35.417 79.107 79.107 79.107h276.444c43.689 0 79.107-35.417 79.107-79.107V86.607c0-43.69-35.418-79.107-79.107-79.107z"
fill="none"
stroke="#e207b9"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M117.778 454.5c-16.05 0-29.107-13.057-29.107-29.106v-63.787c0-16.05 13.057-29.107 29.107-29.107h86.443c16.05 0 29.107 13.057 29.107 29.107v63.787c0 16.05-13.058 29.106-29.107 29.106h-86.443zM394.222 454.5c16.05 0 29.107-13.057 29.107-29.106v-63.787c0-16.05-13.057-29.107-29.107-29.107h-86.443c-16.05 0-29.107 13.057-29.107 29.107v63.787c0 16.05 13.058 29.106 29.107 29.106h86.443z"
fill="none"
stroke="#6d00ca"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M88.67 246.12V86.61c0-16.05 13.06-29.11 29.11-29.11h276.44c16.05 0 29.11 13.06 29.11 29.11V243.6"
fill="none"
stroke="#f95116"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M423.33 246.6v8.79c0 16.05-13.06 29.11-29.11 29.11H179.4l87.65-126.61a57.68 57.68 0 0 1 47.43-24.85 57.72 57.72 0 0 1 47.44 24.85l61.41 88.71z"
fill="none"
stroke="#007ea8"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M222.93 221.63 179.4 284.5h-61.62c-16.05 0-29.11-13.06-29.11-29.11v-6.27l34.85-50.34a50.811 50.811 0 0 1 41.8-21.9 50.82 50.82 0 0 1 41.79 21.9l15.82 22.85z"
fill="none"
stroke="#007ea8"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="204.864"
cy="125.126"
r="25.464"
fill="none"
stroke="#f95116"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category