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 lineal style with a black 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.665"
viewBox="0 0 682.667 682.665"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 511.999h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.665)">
<path
d="M0 0h-314.717a8.677 8.677 0 0 1-8.677-8.677V-27a8.677 8.677 0 0 1 8.677-8.677H0A8.677 8.677 0 0 1 8.677-27v18.323A8.677 8.677 0 0 1 0 0Z"
transform="translate(413.359 422.997)"
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 0v76.544a6.415 6.415 0 0 1-6.415 6.415h-63.879a6.415 6.415 0 0 1-6.415-6.415V0a6.415 6.415 0 0 1 6.415-6.415h63.879A6.415 6.415 0 0 1 0 0Z"
transform="translate(166.675 274.538)"
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 0h201.999"
transform="translate(203.342 342.99)"
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 0h201.999"
transform="translate(203.342 314.414)"
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 0h201.999"
transform="translate(203.342 285.838)"
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 0v76.544a6.415 6.415 0 0 1-6.415 6.415h-63.879a6.415 6.415 0 0 1-6.415-6.415V0a6.415 6.415 0 0 1 6.415-6.415h63.879A6.415 6.415 0 0 1 0 0Z"
transform="translate(166.675 160.83)"
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 0h201.999"
transform="translate(203.342 229.281)"
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 0h201.999"
transform="translate(203.342 200.705)"
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 0h201.999"
transform="translate(203.342 172.129)"
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 0v76.544a6.415 6.415 0 0 1-6.415 6.415h-63.879a6.415 6.415 0 0 1-6.415-6.415V0a6.415 6.415 0 0 1 6.415-6.415h63.879A6.415 6.415 0 0 1 0 0Z"
transform="translate(166.675 47.121)"
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 0h201.999"
transform="translate(203.342 115.573)"
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 0h201.999"
transform="translate(203.342 86.997)"
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 0h201.999"
transform="translate(203.342 58.42)"
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-369.473c-8.722 0-15.794-7.071-15.794-15.794v-32.121H15.794v32.121C15.794-7.071 8.723 0 0 0Z"
transform="translate(440.737 504.5)"
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-32.51c-8.722 0-15.793-7.071-15.793-15.794v-32.121H0Z"
transform="translate(103.773 504.5)"
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 0h167.236c8.723 0 15.794 7.071 15.794 15.794V231"
transform="translate(273.5 7.5)"
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 0v215.207C0 223.929-7.071 231-15.794 231h-369.473c-8.722 0-15.794-7.071-15.794-15.793v-465.413c0-8.723 7.072-15.794 15.794-15.794h167.236"
transform="translate(456.53 273.5)"
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