Add icons to this collection by clicking the heart icon.
Camera Roll icon - also known as photography, entertainment, roll, film, electronics, film roll, camera film, photo film, and camera roll. Created in a clean lineal color style with a white, silver, gray, and 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.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-208.55c-16.568 0-30 13.432-30 30v230c0 16.568 13.432 30 30 30H0c16.568 0 30-13.432 30-30V30C30 13.432 16.568 0 0 0"
transform="translate(474.5 88.5)"
fill="#685e68"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-176v110H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4"
transform="translate(470.5 178.5)"
fill="#f9f7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30C-13.432 0 0-13.432 0-30v-230c0-16.568-13.432-30-30-30H0c16.568 0 30 13.432 30 30v230C30-13.432 16.568 0 0 0"
transform="translate(474.5 378.5)"
fill="#554e56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-282c-5.523 0-10 4.477-10 10v31c0 5.523 4.477 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.477 5.522 0 0 0"
transform="translate(299.5 7.5)"
fill="#685e68"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c5.522 0 10-4.477 10-10v-31c0-5.523-4.478-10-10-10H0c5.522 0 10 4.477 10 10v31C10-4.477 5.522 0 0 0"
transform="translate(299.5 58.5)"
fill="#554e56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M294.5 58.5h-272v365h272z"
fill="#b2d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M264.5 58.5h30v365h-30z"
fill="#87c8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-282c-5.523 0-10 4.477-10 10v31c0 5.523 4.477 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.477 5.522 0 0 0"
transform="translate(299.5 408.5)"
fill="#685e68"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c5.522 0 10-4.477 10-10v-31c0-5.523-4.478-10-10-10H0c5.522 0 10 4.477 10 10v31C10-4.477 5.522 0 0 0"
transform="translate(299.5 459.5)"
fill="#554e56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-140.708v35c0 5.523 4.477 10 10 10H-10c5.523 0 10-4.477 10-10Z"
transform="translate(228.854 459.5)"
fill="#b2d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c5.523 0 10-4.477 10-10v-35h30v35C10-4.477 5.523 0 0 0"
transform="translate(218.854 504.5)"
fill="#87c8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-40.869-33.131-74-74-74s-74 33.131-74 74 33.131 74 74 74S0 40.869 0 0"
transform="translate(232.5 241)"
fill="#f9f7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.14 0-10.156-.526-15-1.523C18.677-8.457 44-38.271 44-74c0-35.729-25.323-65.543-59-72.477A74.341 74.341 0 0 1 0-148c40.869 0 74 33.131 74 74S40.869 0 0 0"
transform="translate(158.5 315)"
fill="#efedef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4"
transform="translate(470.5 318.5)"
fill="#f9f7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4"
transform="translate(410.5 318.5)"
fill="#f9f7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4"
transform="translate(350.5 318.5)"
fill="#f9f7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4"
transform="translate(470.5 118.5)"
fill="#f9f7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4"
transform="translate(410.5 118.5)"
fill="#f9f7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4"
transform="translate(350.5 118.5)"
fill="#f9f7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a4 4 0 0 0 4-4v-102a4 4 0 0 0-4-4H0a4 4 0 0 1 4 4V-4a4 4 0 0 1-4 4"
transform="translate(470.5 288.5)"
fill="#efedef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h180c16.57 0 30 13.43 30 30v230c0 16.57-13.43 30-30 30H0"
transform="translate(294.5 88.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-282c-5.523 0-10 4.477-10 10v31c0 5.523 4.477 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.477 5.522 0 0 0Z"
transform="translate(299.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 0v350"
transform="translate(294.5 58.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 0v132.5"
transform="translate(22.5 276)"
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 0v182.5"
transform="translate(22.5 58.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-282c-5.523 0-10 4.477-10 10v31c0 5.523 4.477 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.477 5.522 0 0 0Z"
transform="translate(299.5 408.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 0v35c0 5.523 4.477 10 10 10h120.708c5.523 0 10-4.477 10-10V0"
transform="translate(88.146 459.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-40.869-33.131-74-74-74s-74 33.131-74 74 33.131 74 74 74S0 40.869 0 0Z"
transform="translate(232.5 241)"
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-22a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4Z"
transform="translate(470.5 318.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-22a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4Z"
transform="translate(410.5 318.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-22a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4Z"
transform="translate(350.5 318.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-22a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4Z"
transform="translate(470.5 118.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-22a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4Z"
transform="translate(410.5 118.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-22a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4Z"
transform="translate(350.5 118.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-117.848"
transform="translate(412.348 178.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 0h176a4 4 0 0 0 4-4v-102a4 4 0 0 0-4-4h-23.152"
transform="translate(294.5 288.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