Add icons to this collection by clicking the heart icon.
Camera Back icon - also known as photo, screen, arrow, view, photo camera, Tools and utensils, electronics, back, diagonal, back view, camera back, and photo icons. Created in a clean lineal color style with a gray and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M469.333 106.667h-99.667c-8.417 0-16.667-3.417-22.625-9.375l-17.667-17.667C319.292 69.552 305.917 64 291.667 64h-71.333c-14.25 0-27.625 5.552-37.708 15.625l-17.667 17.667c-5.958 5.958-14.208 9.375-22.625 9.375H42.667C19.146 106.667 0 125.802 0 149.333v256C0 428.865 19.146 448 42.667 448h426.667c23.52 0 42.666-19.135 42.666-42.667v-256c0-23.531-19.146-42.666-42.667-42.666z"
fill="#303c42"
/>
<path
d="M490.667 405.333c0 11.76-9.563 21.333-21.333 21.333H42.667c-11.771 0-21.333-9.573-21.333-21.333v-256c0-11.76 9.563-21.333 21.333-21.333h99.667c14.25 0 27.625-5.552 37.708-15.625l17.667-17.667c5.958-5.958 14.208-9.375 22.625-9.375h71.333c8.417 0 16.667 3.417 22.625 9.375l17.667 17.667C342.042 122.448 355.417 128 369.667 128h99.667c11.771 0 21.333 9.573 21.333 21.333v256z"
fill="#546e7a"
/>
<path
d="M277.333 170.667H106.667C83.146 170.667 64 189.802 64 213.333v128C64 364.865 83.146 384 106.667 384h170.667c23.52 0 42.666-19.135 42.666-42.667v-128c0-23.531-19.146-42.666-42.667-42.666z"
fill="#303c42"
/>
<path
d="M298.667 341.333c0 11.76-9.563 21.333-21.333 21.333H106.667c-11.771 0-21.333-9.573-21.333-21.333v-128c0-11.76 9.563-21.333 21.333-21.333h170.667c11.771 0 21.333 9.573 21.333 21.333v128z"
fill="#5c6671"
/>
<linearGradient
id="a"
x1="-43.044"
x2="-32.362"
y1="635.975"
y2="630.994"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M298.667 341.333c0 11.76-9.563 21.333-21.333 21.333H106.667c-11.771 0-21.333-9.573-21.333-21.333v-128c0-11.76 9.563-21.333 21.333-21.333h170.667c11.771 0 21.333 9.573 21.333 21.333v128z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-41.91"
x2="-33.496"
y1="637.691"
y2="629.278"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M298.667 341.333c0 11.76-9.563 21.333-21.333 21.333H106.667c-11.771 0-21.333-9.573-21.333-21.333v-128c0-11.76 9.563-21.333 21.333-21.333h170.667c11.771 0 21.333 9.573 21.333 21.333v128z"
fill="url(#b)"
/>
<path
d="M128 213.333h170.667c0-11.76-9.563-21.333-21.333-21.333H106.667c-11.771 0-21.333 9.573-21.333 21.333v128c0 11.76 9.563 21.333 21.333 21.333v-128c0-11.76 9.562-21.333 21.333-21.333z"
opacity=".1"
/>
<circle cx="405.333" cy="320" r="64" fill="#303c42" />
<circle cx="405.333" cy="320" r="42.667" fill="#78909c" />
<path
d="M422.822 281.18c2.421 5.35 3.845 11.242 3.845 17.487 0 23.531-19.146 42.667-42.667 42.667-6.245 0-12.137-1.424-17.488-3.846 6.702 14.809 21.543 25.18 38.822 25.18C428.854 362.667 448 343.531 448 320c0-17.284-10.374-32.12-25.178-38.82z"
opacity=".1"
/>
<linearGradient
id="c"
x1="-35.149"
x2="-31.829"
y1="636.931"
y2="624.54"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m458.953 285.156-.027.073c6.529 10.029 10.408 21.938 10.408 34.771 0 35.292-28.708 64-64 64s-64-28.708-64-64c0-27.688 17.773-51.096 42.43-59.996l-73.332-73.332-.035.027c5.913 7.323 9.604 16.509 9.604 26.634v128C320 364.865 300.854 384 277.333 384H106.667c-11.158 0-21.246-4.401-28.857-11.439l54.105 54.105h337.418c11.771 0 21.333-9.573 21.333-21.333V316.87l-31.713-31.714z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-47.028"
x2="-22.378"
y1="639.231"
y2="627.737"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M469.333 106.667h-99.667c-8.417 0-16.667-3.417-22.625-9.375l-17.667-17.667C319.292 69.552 305.917 64 291.667 64h-71.333c-14.25 0-27.625 5.552-37.708 15.625l-17.667 17.667c-5.958 5.958-14.208 9.375-22.625 9.375H42.667C19.146 106.667 0 125.802 0 149.333v256C0 428.865 19.146 448 42.667 448h426.667c23.52 0 42.666-19.135 42.666-42.667v-256c0-23.531-19.146-42.666-42.667-42.666z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category