Add icons to this collection by clicking the heart icon.
Gallery icon - also known as picture, layout, browser, ui, gallery, sidebar, and seo and web. Created in a clean lineal color style with a white, silver, gray, black, red, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-477c0-5.52-4.47-10-10-10h-397.16c-5.53 0-10 4.48-10 10V0c0 5.52 4.47 10 10 10H-10C-4.47 10 0 5.52 0 0"
transform="translate(464.58 494.5)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-477c0-5.52-4.471-10-10-10h-23.33c5.53 0 10 4.48 10 10V0c0 5.52-4.47 10-10 10H-10C-4.471 10 0 5.52 0 0"
transform="translate(464.58 494.5)"
fill="#cae5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-37.04h-417.16V0c0 5.52 4.47 10 10 10H-10C-4.471 10 0 5.52 0 0"
transform="translate(464.58 494.5)"
fill="#60b8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-37.04h-54.58V10H-10C-4.471 10 0 5.52 0 0"
transform="translate(464.58 494.5)"
fill="#ee6161"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-37.04h-23.33V0c0 5.52-4.47 10-10 10H-10C-4.471 10 0 5.52 0 0"
transform="translate(464.58 494.5)"
fill="#e94444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v47.04"
transform="translate(410 457.46)"
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-417.16"
transform="translate(464.58 457.46)"
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 0v-352.821c0-5.524 4.477-10 10-10h397.164c5.523 0 10 4.476 10 10v477c0 5.523-4.477 10-10 10h-119.57"
transform="translate(47.418 370.321)"
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-242.903c-5.524 0-10-4.477-10-10v-89.488"
transform="translate(300.321 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-67c-5.522 0-10 4.478-10 10v67c0 5.522 4.478 10 10 10H0c5.523 0 10-4.478 10-10V10C10 4.478 5.523 0 0 0"
transform="translate(162.223 332.75)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-67c0-5.52-4.479-10-10-10h-24.56c5.52 0 10 4.48 10 10V0c0 5.52-4.48 10-10 10H-10C-4.479 10 0 5.52 0 0"
transform="translate(172.223 409.75)"
fill="#09b79f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-67c-5.522 0-10 4.478-10 10v67c0 5.522 4.478 10 10 10H0c5.523 0 10-4.478 10-10V10C10 4.478 5.523 0 0 0Z"
transform="translate(162.223 332.75)"
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 0h27"
transform="translate(115.223 305.25)"
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 0h65"
transform="translate(96.223 281.25)"
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-67c-5.522 0-10 4.478-10 10v67c0 5.522 4.478 10 10 10H0c5.522 0 10-4.478 10-10V10C10 4.478 5.522 0 0 0"
transform="translate(289.5 332.75)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-67c0-5.52-4.48-10-10-10h-24.56c5.52 0 10 4.48 10 10V0c0 5.52-4.48 10-10 10H-10C-4.48 10 0 5.52 0 0"
transform="translate(299.5 409.75)"
fill="#09b79f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-67c-5.522 0-10 4.478-10 10v67c0 5.522 4.478 10 10 10H0c5.522 0 10-4.478 10-10V10C10 4.478 5.522 0 0 0Z"
transform="translate(289.5 332.75)"
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 0h27"
transform="translate(242.5 305.25)"
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 0h65"
transform="translate(223.5 281.25)"
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-67c-5.523 0-10 4.478-10 10v67c0 5.522 4.477 10 10 10H0c5.522 0 10-4.478 10-10V10C10 4.478 5.522 0 0 0"
transform="translate(416.777 332.75)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-67c0-5.52-4.48-10-10-10h-24.561c5.521 0 10 4.48 10 10V0c0 5.52-4.479 10-10 10H-10C-4.48 10 0 5.52 0 0"
transform="translate(426.777 409.75)"
fill="#09b79f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-67c-5.523 0-10 4.478-10 10v67c0 5.522 4.477 10 10 10H0c5.522 0 10-4.478 10-10V10C10 4.478 5.522 0 0 0Z"
transform="translate(416.777 332.75)"
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 0h27"
transform="translate(369.777 305.25)"
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 0h65"
transform="translate(350.777 281.25)"
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-67c-5.522 0-10 4.478-10 10v67c0 5.523 4.478 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.478 5.523 0 0 0"
transform="translate(162.223 150.614)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-67c0-5.52-4.479-10-10-10h-24.56c5.52 0 10 4.48 10 10V0c0 5.521-4.48 10-10 10H-10C-4.479 10 0 5.521 0 0"
transform="translate(172.223 227.614)"
fill="#09b79f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v15.937c0 5.522-4.477 10-10 10h-67c-5.522 0-10-4.478-10-10v-67c0-5.524 4.478-10 10-10h67c5.523 0 10 4.476 10 10v16.373"
transform="translate(172.223 211.679)"
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 0h27"
transform="translate(115.223 123.114)"
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 0h65"
transform="translate(96.223 99.114)"
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-67c-5.522 0-10 4.478-10 10v67c0 5.523 4.478 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.478 5.522 0 0 0"
transform="translate(289.5 150.614)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-67c0-5.52-4.48-10-10-10h-24.56c5.52 0 10 4.48 10 10V0c0 5.521-4.48 10-10 10H-10C-4.48 10 0 5.521 0 0"
transform="translate(299.5 227.614)"
fill="#09b79f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-67c-5.522 0-10 4.478-10 10v67c0 5.523 4.478 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.478 5.522 0 0 0Z"
transform="translate(289.5 150.614)"
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 0h27"
transform="translate(242.5 123.114)"
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 0h65"
transform="translate(223.5 99.114)"
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-67c-5.523 0-10 4.478-10 10v67c0 5.523 4.477 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.478 5.522 0 0 0"
transform="translate(416.777 150.614)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-67c0-5.52-4.48-10-10-10h-24.561c5.521 0 10 4.48 10 10V0c0 5.521-4.479 10-10 10H-10C-4.48 10 0 5.521 0 0"
transform="translate(426.777 227.614)"
fill="#09b79f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-67c-5.523 0-10 4.478-10 10v67c0 5.523 4.477 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.478 5.522 0 0 0Z"
transform="translate(416.777 150.614)"
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 0h27"
transform="translate(369.777 123.114)"
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 0h65"
transform="translate(350.777 99.114)"
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 0v-37.98h-87V0c0 5.52 4.48 10 10 10h67C-4.47 10 0 5.52 0 0"
transform="translate(172.22 45.48)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-37.98h-24.56V0c0 5.52-4.48 10-10 10H-10C-4.47 10 0 5.52 0 0"
transform="translate(172.22 45.48)"
fill="#09b79f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-37.98h-87V0c0 5.52 4.48 10 10 10h67C-4.47 10 0 5.52 0 0Z"
transform="translate(172.22 45.48)"
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 0v-37.98h-87V0c0 5.52 4.48 10 10 10h67C-4.48 10 0 5.52 0 0"
transform="translate(299.5 45.48)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-37.98h-24.56V0c0 5.52-4.48 10-10 10H-10C-4.48 10 0 5.52 0 0"
transform="translate(299.5 45.48)"
fill="#09b79f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-37.98h-87V0c0 5.52 4.48 10 10 10h67C-4.48 10 0 5.52 0 0Z"
transform="translate(299.5 45.48)"
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 0v-37.98h-87V0c0 5.52 4.47 10 10 10h67C-4.48 10 0 5.52 0 0"
transform="translate(426.78 45.48)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-37.98h-24.561V0c0 5.52-4.479 10-10 10H-10C-4.48 10 0 5.52 0 0"
transform="translate(426.78 45.48)"
fill="#09b79f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-37.98h-87V0c0 5.52 4.47 10 10 10h67C-4.48 10 0 5.52 0 0Z"
transform="translate(426.78 45.48)"
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