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-79.659a5.076 5.076 0 0 1-5.076-5.076v-175.98a5.077 5.077 0 0 1 5.076-5.076H0a5.076 5.076 0 0 1 5.076 5.076v175.98A5.075 5.075 0 0 1 0 0Z"
transform="translate(174.7 237)"
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-79.659a5.075 5.075 0 0 1-5.076-5.076v-175.98a5.076 5.076 0 0 1 5.076-5.076H0a5.077 5.077 0 0 1 5.076 5.076v175.98A5.076 5.076 0 0 1 0 0Z"
transform="translate(295.83 237)"
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-79.659a5.076 5.076 0 0 1-5.076-5.076v-175.98a5.077 5.077 0 0 1 5.076-5.076H0a5.077 5.077 0 0 1 5.077 5.076v175.98A5.076 5.076 0 0 1 0 0Z"
transform="translate(416.959 237)"
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-314.716a8.677 8.677 0 0 1-8.678-8.677V-27a8.677 8.677 0 0 1 8.678-8.677H0A8.677 8.677 0 0 1 8.677-27v18.323A8.677 8.677 0 0 1 0 0Z"
transform="translate(413.358 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 0h-320.667a7.593 7.593 0 0 1-7.593-7.593v-70.98c0-4.194 3.4-7.594 7.593-7.594H0c4.194 0 7.594 3.4 7.594 7.594v70.98C7.594-3.399 4.194 0 0 0Z"
transform="translate(418.225 355.497)"
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.793-7.071-15.793-15.794v-32.121h401.06v32.121C15.794-7.071 8.723 0 0 0Z"
transform="translate(440.736 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.237"
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