Add icons to this collection by clicking the heart icon.
Photo Album icon - also known as photo, book, picture, album, photo album, and art and design. Created in a clean lineal color style with a white, silver, gray, black, teal, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-120-233.5L0-467h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 632.667 50)"
fill="#736dd9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-180-233.5L0-467h218.5V0Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 50)"
fill="#928bff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M7.5 7.5H256v467H7.5Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#83b3f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30-30v-432l60 25V0Z"
transform="matrix(1.33333 0 0 -1.33333 592.667 10)"
fill="#adf2f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-158.5c-16.5 0-30-13.5-30-30h-60v-417l60-20L0-452v45l-60 86.75L0-233.5v30l-60 86.75L0-30Z"
transform="translate(444.5 504.5)"
fill="#d6f9fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-188.5v-437L30-467v437C30-13.5 16.5 0 0 0"
transform="translate(226 504.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30-15L0-30h30V0Z"
transform="translate(444.5 67.5)"
fill="#74dce2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.5 0-30-13.5-30-30h188.5V0Z"
transform="translate(286 67.5)"
fill="#adf2f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-188.5v-30H30C30-13.5 16.5 0 0 0"
transform="translate(226 67.5)"
fill="#d6f9fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-467h497V0h-30"
transform="translate(37.5 474.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 0c0 16.5-13.5 30-30 30h-188.5v-467h437V30H30C13.5 30 0 16.5 0 0M0 0v-437"
transform="translate(256 474.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-188.5c-16.5 0-30-13.5-30-30 0 16.5-13.5 30-30 30H-437"
transform="translate(474.5 67.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 0v-45h-30l-30 83.5Z"
transform="translate(226 346)"
fill="#74dce2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45h128.5V83.5Z"
transform="translate(67.5 346)"
fill="#adf2f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-128.5h-30l-40 64.25L-30 0Z"
transform="translate(226 474.5)"
fill="#fe5e49"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M67.5 346H196v128.5H67.5Z"
fill="#fc7e49"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45h-30l-30 83.5Z"
transform="translate(226 142.5)"
fill="#74dce2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45h128.5V83.5Z"
transform="translate(67.5 142.5)"
fill="#adf2f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-128.5h-30l-40 64.25L-30 0Z"
transform="translate(226 271)"
fill="#554fb2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M67.5 142.5H196V271H67.5Z"
fill="#736dd9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45h-30l-30 83.5Z"
transform="translate(444.5 142.5)"
fill="#74dce2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45h128.5V83.5Z"
transform="translate(286 142.5)"
fill="#adf2f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-128.5h-30l-40 64.25L-30 0Z"
transform="translate(444.5 271)"
fill="#f99e49"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M286 142.5h128.5V271H286Z"
fill="#f7be48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45h-30l-30 83.5Z"
transform="translate(444.5 346)"
fill="#74dce2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45h128.5V83.5Z"
transform="translate(286 346)"
fill="#adf2f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-128.5h-30l-40 64.25L-30 0Z"
transform="translate(444.5 474.5)"
fill="#01b1bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M286 346h128.5v128.5H286Z"
fill="#3ac7cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-94.25h158.5v173.5H0V30"
transform="translate(67.5 395.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="M67.5 97.5H226V271H67.5ZM286 97.5h158.5V271H286Z"
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 0h158.5"
transform="translate(67.5 142.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 0h158.5"
transform="translate(286 142.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="M286 301h158.5v173.5H286Z"
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 0h158.5"
transform="translate(67.5 346)"
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 0h158.5"
transform="translate(286 346)"
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