Add icons to this collection by clicking the heart icon.
Camera icon - also known as technology, camera, photo, picture, photograph, photo camera, vintage, electronics, retro, and old. Created in a clean lineal color style with a white, gray, teal, 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="M480 362.667h-10.667v-320C469.333 19.135 450.198 0 426.667 0h-256C147.135 0 128 19.135 128 42.667v256h-10.667a10.66 10.66 0 0 0-10.667 10.667v32H85.333v-128H96c5.896 0 10.667-4.771 10.667-10.667S101.896 192 96 192H32c-5.896 0-10.667 4.771-10.667 10.667S26.104 213.333 32 213.333h32V352a10.66 10.66 0 0 0 10.667 10.667h32v32a10.66 10.66 0 0 0 10.667 10.667H128v64C128 492.865 147.135 512 170.667 512h256c23.531 0 42.667-19.135 42.667-42.667v-42.667H480a10.66 10.66 0 0 0 10.667-10.667v-42.667A10.66 10.66 0 0 0 480 362.667z"
fill="#303c42"
/>
<path
d="M448 469.333c0 11.76-9.573 21.333-21.333 21.333h-256c-11.76 0-21.333-9.573-21.333-21.333V42.667c0-11.76 9.573-21.333 21.333-21.333h256c11.76 0 21.333 9.573 21.333 21.333v426.666z"
fill="#495965"
/>
<path
d="M421.104 68.469C391 52.073 346.375 42.667 298.667 42.667s-92.333 9.406-122.438 25.802a10.662 10.662 0 0 0-5.563 9.365v380.833a10.66 10.66 0 0 0 10.667 10.667H416a10.66 10.66 0 0 0 10.667-10.667V77.833c0-3.906-2.136-7.5-5.563-9.364z"
fill="#303c42"
/>
<path
d="M405.333 448H192V84.354C218.938 71.375 257.344 64 298.667 64s79.729 7.375 106.667 20.354V448z"
fill="#7c858d"
/>
<path
d="m213.284 447.978.094-363.646c21.548-12.971 52.27-20.337 85.316-20.331l-.027-.001C257.344 64 218.938 71.375 192 84.354V448h106.617l-85.333-.022z"
opacity=".2"
fill="#fff"
/>
<path
d="M298.91 64.01c32.982.036 63.632 7.408 85.134 20.366L383.951 448h21.383V84.354C378.451 71.401 340.137 64.039 298.91 64.01z"
opacity=".1"
/>
<circle cx="298.667" cy="170.667" r="85.333" fill="#303c42" />
<circle cx="298.667" cy="170.667" r="64" fill="#00437b" />
<path
d="M245.333 188.337c0-35.292 28.708-64 64-64 19.664 0 37.065 9.103 48.814 23.102-9.332-23.81-32.401-40.772-59.48-40.772-35.292 0-64 28.708-64 64 0 15.629 5.85 29.776 15.189 40.901-2.833-7.222-4.523-15.017-4.523-23.231z"
opacity=".1"
/>
<circle cx="298.667" cy="170.667" r="21.333" opacity=".2" fill="#fff" />
<circle cx="313.109" cy="156.224" r="6.891" opacity=".2" fill="#fff" />
<path
d="M334.542 191.458c4.159 4.159 1.117 7.883-3.042 12.042s-7.883 7.202-12.042 3.042c-4.159-4.159-4.159-10.926 0-15.085 4.159-4.159 10.925-4.159 15.084.001z"
opacity=".2"
fill="#fff"
/>
<radialGradient
id="a"
cx="-34.39"
cy="640.796"
r="5.814"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".6" />
<stop offset="1" stop-color="#000" stop-opacity=".1" />
</radialGradient>
<circle cx="298.667" cy="170.667" r="64" fill="url(#a)" />
<path
d="M234.667 170.667c0 35.292 28.708 64 64 64s64-28.708 64-64h-128z"
opacity=".2"
fill="#fff"
/>
<circle cx="298.667" cy="341.333" r="85.333" fill="#303c42" />
<circle cx="298.667" cy="341.333" r="64" fill="#00437b" />
<path
d="M245.333 359.004c0-35.292 28.708-64 64-64 19.664 0 37.065 9.103 48.814 23.102-9.332-23.81-32.401-40.772-59.48-40.772-35.292 0-64 28.708-64 64 0 15.629 5.85 29.776 15.189 40.901-2.833-7.222-4.523-15.018-4.523-23.231z"
opacity=".1"
/>
<circle cx="298.667" cy="341.333" r="21.333" opacity=".2" fill="#fff" />
<circle cx="313.109" cy="326.891" r="6.891" opacity=".2" fill="#fff" />
<path
d="M334.542 362.124c4.159 4.159 1.117 7.883-3.042 12.042s-7.883 7.202-12.042 3.042c-4.159-4.159-4.159-10.926 0-15.085 4.159-4.158 10.925-4.158 15.084.001z"
opacity=".2"
fill="#fff"
/>
<radialGradient
id="b"
cx="-34.39"
cy="632.796"
r="5.814"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".6" />
<stop offset="1" stop-color="#000" stop-opacity=".1" />
</radialGradient>
<circle cx="298.667" cy="341.333" r="64" fill="url(#b)" />
<path
d="M234.667 341.333c0 35.292 28.708 64 64 64s64-28.708 64-64h-128z"
opacity=".2"
fill="#fff"
/>
<linearGradient
id="c"
x1="-44.381"
x2="-22.132"
y1="639.93"
y2="629.555"
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="M480 362.667h-10.667v-320C469.333 19.135 450.198 0 426.667 0h-256C147.135 0 128 19.135 128 42.667v256h-10.667a10.66 10.66 0 0 0-10.667 10.667v32H85.333v-128H96c5.896 0 10.667-4.771 10.667-10.667S101.896 192 96 192H32c-5.896 0-10.667 4.771-10.667 10.667S26.104 213.333 32 213.333h32V352a10.66 10.66 0 0 0 10.667 10.667h32v32a10.66 10.66 0 0 0 10.667 10.667H128v64C128 492.865 147.135 512 170.667 512h256c23.531 0 42.667-19.135 42.667-42.667v-42.667H480a10.66 10.66 0 0 0 10.667-10.667v-42.667A10.66 10.66 0 0 0 480 362.667z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category