Add icons to this collection by clicking the heart icon.
Layout icon - also known as picture, layout, browser, ui, gallery, and sidebar. Created in a clean flat style with a white, silver, gray, red, yellow, teal, blue, and orange 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 511.999 511.999"
>
<path
fill="#dfebfa"
d="M49.418 47.3v448.428c0 8.986 7.285 16.27 16.27 16.27h380.623c8.986 0 16.27-7.285 16.27-16.27V47.3z"
/>
<path
fill="#b1dbfc"
d="M80.323 495.729V47.3H49.418v448.428c0 8.986 7.285 16.27 16.27 16.27h30.905c-8.985.001-16.27-7.283-16.27-16.269z"
/>
<path
fill="#23a8fe"
d="M446.311 0H97.118v49.361h365.463V16.27c0-8.985-7.284-16.27-16.27-16.27z"
/>
<path
fill="#ff656f"
d="M99.179 0H65.688c-8.986 0-16.27 7.285-16.27 16.27v33.09h49.761z"
/>
<path
fill="#ff4756"
d="M96.593 0H65.688c-8.985 0-16.27 7.285-16.27 16.27v33.09h30.905V16.27C80.323 7.285 87.608 0 96.593 0z"
/>
<path
fill="#ffd301"
d="M416.565 83.978H92.351a8.939 8.939 0 0 0-8.939 8.939v18.876a8.939 8.939 0 0 0 8.939 8.939h324.214a8.939 8.939 0 0 0 8.939-8.939V92.917a8.939 8.939 0 0 0-8.939-8.939z"
/>
<path
fill="#43cb8e"
d="M172.233 154.394H90.17a5.23 5.23 0 0 0-5.229 5.229v26.764a5.23 5.23 0 0 0 5.229 5.23h82.063a5.23 5.23 0 0 0 5.23-5.23v-26.764a5.23 5.23 0 0 0-5.23-5.229z"
/>
<path
fill="#ffa85d"
d="M297.018 154.394h-82.063a5.23 5.23 0 0 0-5.229 5.229v26.764a5.23 5.23 0 0 0 5.229 5.23h82.063a5.23 5.23 0 0 0 5.229-5.23v-26.764a5.23 5.23 0 0 0-5.229-5.229z"
/>
<path
fill="#ff656f"
d="M421.803 154.394H339.74a5.23 5.23 0 0 0-5.229 5.229v26.764a5.23 5.23 0 0 0 5.229 5.23h82.063a5.23 5.23 0 0 0 5.229-5.23v-26.764a5.23 5.23 0 0 0-5.229-5.229z"
/>
<path
fill="#4f67d2"
d="M172.233 326.55H90.17a5.23 5.23 0 0 0-5.229 5.229v26.764a5.23 5.23 0 0 0 5.229 5.23h82.063a5.23 5.23 0 0 0 5.23-5.23V331.78a5.23 5.23 0 0 0-5.23-5.23z"
/>
<path
fill="#23a8fe"
d="M297.018 326.55h-82.063a5.23 5.23 0 0 0-5.229 5.229v26.764a5.23 5.23 0 0 0 5.229 5.23h82.063a5.23 5.23 0 0 0 5.229-5.23V331.78a5.23 5.23 0 0 0-5.229-5.23z"
/>
<path
fill="#ffd301"
d="M421.803 326.55H339.74a5.23 5.23 0 0 0-5.229 5.229v26.764a5.23 5.23 0 0 0 5.229 5.23h82.063a5.23 5.23 0 0 0 5.229-5.23V331.78a5.23 5.23 0 0 0-5.229-5.23z"
/>
<path
fill="#ffc20c"
d="M115.863 111.793V92.917a8.939 8.939 0 0 1 8.939-8.939H92.351a8.939 8.939 0 0 0-8.939 8.939v18.876a8.939 8.939 0 0 0 8.939 8.939h32.451a8.939 8.939 0 0 1-8.939-8.939z"
/>
<path
fill="#00ba66"
d="M117.391 186.387v-26.764a5.229 5.229 0 0 1 5.229-5.229H90.17a5.23 5.23 0 0 0-5.229 5.229v26.764a5.23 5.23 0 0 0 5.229 5.23h32.451a5.23 5.23 0 0 1-5.23-5.23z"
/>
<path
fill="#ff9839"
d="M242.176 186.387v-26.764a5.23 5.23 0 0 1 5.229-5.229h-32.451a5.23 5.23 0 0 0-5.229 5.229v26.764a5.23 5.23 0 0 0 5.229 5.23h32.451a5.23 5.23 0 0 1-5.229-5.23z"
/>
<path
fill="#ff656f"
d="M366.961 186.387v-26.764a5.229 5.229 0 0 1 5.229-5.229h-32.45a5.23 5.23 0 0 0-5.229 5.229v26.764a5.23 5.23 0 0 0 5.229 5.23h32.451a5.23 5.23 0 0 1-5.23-5.23z"
/>
<path
fill="#324ccc"
d="M117.391 358.543V331.78a5.229 5.229 0 0 1 5.229-5.229H90.17a5.23 5.23 0 0 0-5.229 5.229v26.764a5.23 5.23 0 0 0 5.229 5.23h32.451a5.231 5.231 0 0 1-5.23-5.231z"
/>
<path
fill="#0193fa"
d="M242.176 358.543V331.78a5.23 5.23 0 0 1 5.229-5.229h-32.451a5.23 5.23 0 0 0-5.229 5.229v26.764a5.23 5.23 0 0 0 5.229 5.23h32.451a5.231 5.231 0 0 1-5.229-5.231z"
/>
<path
fill="#ffc20c"
d="M366.961 358.543V331.78a5.229 5.229 0 0 1 5.229-5.229h-32.45a5.23 5.23 0 0 0-5.229 5.229v26.764a5.23 5.23 0 0 0 5.229 5.23h32.451a5.23 5.23 0 0 1-5.23-5.231z"
/>
<g fill="#b1dbfc">
<path
d="M168.889 231.882H93.515a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1-.001 15.452zM168.889 261.321H93.515a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1-.001 15.452zM168.889 290.76H93.515a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1-.001 15.452zM293.674 231.882h-75.375a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1 0 15.452zM293.674 261.321h-75.375a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1 0 15.452zM293.674 290.76h-75.375a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1 0 15.452zM418.459 231.882h-75.375a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1 0 15.452zM418.459 261.321h-75.375a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1 0 15.452zM418.459 290.76h-75.375a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1 0 15.452zM168.889 404.038H93.515a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1-.001 15.452zM168.889 433.477H93.515a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1-.001 15.452zM168.889 462.915H93.515a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1-.001 15.452zM293.674 404.038h-75.375a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1 0 15.452zM293.674 433.477h-75.375a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1 0 15.452zM293.674 462.915h-75.375a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1 0 15.452zM418.459 404.038h-75.375a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1 0 15.452zM418.459 433.477h-75.375a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1 0 15.452zM418.459 462.915h-75.375a7.726 7.726 0 1 1 0-15.452h75.375a7.726 7.726 0 1 1 0 15.452z"
/>
</g>
</svg>
More icons in the same style and category