Add icons to this collection by clicking the heart icon.
Photo icon - also known as photo, picture, image, and miscellaneous. Created in a clean lineal color style with a white, silver, gray, black, yellow, and pink 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 0h-477c-5.522 0-10 4.477-10 10v361.111c0 5.523 4.478 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.477 5.522 0 0 0"
transform="translate(494.5 20.61)"
fill="#fee97d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-361.12c0-5.52-4.48-10-10-10h-22.67c5.529 0 10 4.48 10 10V0c0 5.52-4.471 10-10 10H-10C-4.48 10 0 5.52 0 0"
transform="translate(504.5 391.726)"
fill="#fddf30"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M37.5 371.721h437V50.61h-437z"
fill="#5ee1c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.5c-5.522 0-10-4.477-10-10v-361.111c0-5.523 4.478-10 10-10h477c5.523 0 10 4.477 10 10V-10c0 5.523-4.477 10-10 10H34"
transform="translate(70 401.721)"
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 0-94.724 82.667L-189.447 0"
transform="translate(350.724 403.228)"
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-10.77-8.73-19.5-19.5-19.5S-39-10.77-39 0s8.73 19.5 19.5 19.5S0 10.77 0 0"
transform="translate(275.5 471.894)"
fill="#7ca2b1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-10.77-8.73-19.5-19.5-19.5S-39-10.77-39 0s8.73 19.5 19.5 19.5S0 10.77 0 0Z"
transform="translate(275.5 471.894)"
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 0-11.946 83.338c-3.409 23.784-23.783 41.445-47.809 41.445h-71.879c-24.027 0-44.4-17.661-47.809-41.445L-191.39 0Z"
transform="translate(250.358 50.61)"
fill="#99e6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 11.953-83.34h15.865L15.874 0C12.469 23.78-7.905 41.447-31.93 41.447h-15.874C-23.779 41.447-3.405 23.78 0 0"
transform="translate(222.537 133.95)"
fill="#62dbfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-4.837 33.746-3.453 24.087-3.656 25.505c-3.409 23.784-23.783 41.445-47.809 41.445h-71.879c-24.027 0-44.4-17.661-47.809-41.445L-191.39 0"
transform="translate(250.358 50.61)"
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-20.904c0-14.975 12.14-27.115 27.115-27.115 14.975 0 27.114 12.14 27.114 27.115V0Z"
transform="translate(127.549 175.393)"
fill="#f7a86c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-20.904c0-14.975 12.14-27.115 27.115-27.115 14.975 0 27.114 12.14 27.114 27.115V0Z"
transform="translate(127.549 175.393)"
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-11.596-9.4-20.996-20.996-20.996-11.596 0-20.996 9.4-20.996 20.996 0 11.596 9.4 20.996 20.996 20.996C-9.4 20.996 0 11.596 0 0"
transform="translate(111.637 245.317)"
fill="#f7a86c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.596-9.4-20.996-20.996-20.996-11.596 0-20.996 9.4-20.996 20.996 0 11.596 9.4 20.996 20.996 20.996C-9.4 20.996 0 11.596 0 0Z"
transform="translate(111.637 245.317)"
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-11.596-9.4-20.996-20.996-20.996-11.597 0-20.996 9.4-20.996 20.996 0 11.596 9.399 20.996 20.996 20.996C-9.4 20.996 0 11.596 0 0"
transform="translate(239.684 245.317)"
fill="#f7a86c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.596-9.4-20.996-20.996-20.996-11.597 0-20.996 9.4-20.996 20.996 0 11.596 9.399 20.996 20.996 20.996C-9.4 20.996 0 11.596 0 0Z"
transform="translate(239.684 245.317)"
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-83.662c0-16.653-6.746-31.733-17.666-42.638-10.906-10.921-25.986-17.667-42.64-17.667-33.298 0-60.298 26.999-60.298 60.305V0Z"
transform="translate(214.966 301.515)"
fill="#fed1a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-33.305 26.998-60.304 60.304-60.304 33.304 0 60.303 26.999 60.303 60.304v83.658H0Z"
transform="translate(94.36 217.853)"
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-.898"
transform="translate(124.918 229.194)"
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-.898"
transform="translate(181.497 229.194)"
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 0c3.111-4.731 8.453-7.858 14.542-7.858S25.972-4.731 29.083 0"
transform="translate(139.743 205.6)"
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-36.646"
transform="translate(104.255 89.795)"
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-36.646"
transform="translate(205.072 89.795)"
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-50.374c-8.304 0-15.035-6.731-15.035-15.034 0 0-6.731 3.49-15.034 3.49h-3.845c-10.029 0-18.159-8.131-18.159-18.16v-24.904h22.002c8.533 0 16.391-4.217 21.536-11.025 6.167-8.161 15.948-13.436 26.966-13.436H18.16v60.909C18.16-8.13 10.029 0 0 0"
transform="translate(196.808 336.88)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-60.906h-14.713V0c0 10.034-8.124 18.158-18.158 18.158h14.702C-8.135 18.158 0 10.034 0 0"
transform="translate(214.972 318.717)"
fill="#deecf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.304 0-15.035-6.731-15.035-15.034 0 0-6.731 3.49-15.034 3.49h-3.845c-10.029 0-18.159-8.131-18.159-18.16v-24.904h22.002c8.533 0 16.391-4.217 21.536-11.025 6.167-8.161 15.948-13.436 26.966-13.436h50.103v60.909C68.534-8.13 60.403 0 50.374 0Z"
transform="translate(146.434 336.88)"
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-123.071a6.966 6.966 0 0 0-6.967 6.966v65.161c0 24.109 19.544 43.652 43.652 43.652h49.7c24.109 0 43.653-19.543 43.653-43.652V6.966A6.966 6.966 0 0 0 0 0"
transform="translate(422.104 190.827)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-65.158a6.97 6.97 0 0 0-6.967-6.966h-14.755a6.97 6.97 0 0 1 6.967 6.966V0c0 24.11-19.548 43.658-43.651 43.658h14.755C-19.548 43.658 0 24.11 0 0"
transform="translate(429.073 262.952)"
fill="#deecf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 24.108-19.544 43.652-43.652 43.652h-49.701c-24.108 0-43.652-19.544-43.652-43.652v-65.162a6.966 6.966 0 0 1 6.967-6.965H-6.967A6.966 6.966 0 0 1 0-65.162z"
transform="translate(429.071 262.955)"
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 0-11.366 79.289c-3.306 23.062-23.061 40.188-46.359 40.188h-69.698c-23.298 0-43.053-17.126-46.358-40.188L-185.146 0Z"
transform="translate(453.031 50.61)"
fill="#ffd2e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v51.33h-36.337L-43.692 0Z"
transform="translate(311.58 50.61)"
fill="#ffe5c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-7.355 51.33h-36.337V0Z"
transform="translate(453.03 50.61)"
fill="#ffe5c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 11.373-79.292h17.474L17.482 0C14.181 23.058-5.575 40.189-28.871 40.189h-17.482C-23.058 40.189-3.302 23.058 0 0"
transform="translate(424.182 129.901)"
fill="#fec0dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-7.355 51.33h-17.479L-17.472 0Z"
transform="translate(453.03 50.61)"
fill="#fed1a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.366 79.289c-3.306 23.062-23.061 40.188-46.359 40.188h-69.698c-23.298 0-43.053-17.126-46.358-40.188L-185.146 0"
transform="translate(453.031 50.61)"
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 0h34.247"
transform="translate(277.332 101.94)"
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 0h34.247"
transform="translate(409.337 101.94)"
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 0v54.551"
transform="translate(311.58 53.435)"
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 0v54.551"
transform="translate(409.337 53.435)"
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-33.655c0-25.392-20.593-45.977-45.991-45.977-25.4 0-45.986 20.585-45.986 45.977v29.148c0 9.861 7.995 17.854 17.855 17.854C-69.51 5.371-60.886 0-51.008 0Z"
transform="translate(406.446 234.641)"
fill="#ffe5c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.878 0-18.502 5.371-23.114 13.347-9.861 0-17.855-7.993-17.855-17.854v-29.148c0-25.392 20.586-45.977 45.986-45.977 25.398 0 45.991 20.585 45.991 45.977V0z"
transform="translate(355.438 234.641)"
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-.716"
transform="translate(338.085 209.492)"
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-.716"
transform="translate(382.83 209.492)"
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 0c2.48-3.772 6.74-6.266 11.596-6.266C16.45-6.266 20.71-3.772 23.19 0"
transform="translate(348.862 189.33)"
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 0v10.637"
transform="translate(332.324 247.988)"
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 0h291v252.89"
transform="translate(183.5 50.61)"
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 0v34.221h-437V-286.89h112"
transform="translate(474.5 337.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