Add icons to this collection by clicking the heart icon.
Camera icon - also known as technology, camera, picture, photograph, digital, photo camera, and electronics. Created in a clean color style, 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="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#8a7889" />
<stop offset="1" stop-color="#6e566e" />
</linearGradient>
<linearGradient
id="g"
x1="234.549"
x2="260.101"
y1="180.427"
y2="239.922"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#efdcfb" />
</linearGradient>
<linearGradient
id="h"
x1="198.569"
x2="311.431"
y1="209.646"
y2="209.646"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="i"
x1="254.52"
x2="218.553"
y1="228.179"
y2="148.184"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="198.569"
x2="311.431"
y1="223.684"
y2="223.684"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="172.352"
x2="354.667"
y1="214.416"
y2="554.241"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bdc2d1" />
<stop offset=".237" stop-color="#b5b6c5" />
<stop offset=".665" stop-color="#9e96a6" />
<stop offset="1" stop-color="#8a7889" />
</linearGradient>
<linearGradient
id="l"
x1="209.847"
x2="292.943"
y1="263.334"
y2="456.811"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#6e566e" stop-opacity="0" />
<stop offset=".294" stop-color="#674d66" stop-opacity=".294" />
<stop offset="1" stop-color="#593b56" />
</linearGradient>
<linearGradient
id="m"
x1="361.106"
x2="247.685"
y1="474.57"
y2="361.149"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#8a7889" />
<stop offset=".473" stop-color="#887687" />
<stop offset=".713" stop-color="#826e81" />
<stop offset=".9" stop-color="#776177" />
<stop offset="1" stop-color="#6e566e" />
</linearGradient>
<radialGradient
id="n"
cx="219.548"
cy="325.02"
r="158.597"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="o"
x1="355.634"
x2="164.274"
y1="469.101"
y2="277.741"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="325.536"
x2="246.761"
y1="439.003"
y2="360.228"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#efdcfb" stop-opacity="0" />
<stop offset=".486" stop-color="#baaad6" stop-opacity=".486" />
<stop offset="1" stop-color="#8679b2" />
</linearGradient>
<radialGradient
id="q"
cx="228.808"
cy="334.004"
r="91.257"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="r"
x1="427.586"
x2="301.082"
y1="281.452"
y2="154.12"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="s"
x1="331.644"
x2="380.528"
y1="203.586"
y2="268.765"
gradientTransform="translate(-2.261 -.606)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="t"
x1="216.31"
x2="250.879"
y1="153.062"
y2="199.154"
gradientTransform="translate(-2.261 -.606)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="u"
x1="2075.557"
x2="2045.384"
y1="-734.221"
y2="-734.221"
gradientTransform="rotate(180 1163.623 -346.486)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="v"
x1="2286.848"
x2="2256.674"
y1="-4470.404"
y2="-4470.404"
gradientTransform="rotate(-90 3676.132 -1203.372)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7044" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient
id="w"
x1="2286.848"
x2="2256.674"
y1="-4778.603"
y2="-4778.603"
gradientTransform="rotate(-90 3676.132 -1203.372)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9b62cd" />
<stop offset=".3" stop-color="#985dcb" />
<stop offset=".672" stop-color="#8f4ec7" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient
id="x"
x1="2956.218"
x2="2926.044"
y1="-2559.443"
y2="-2559.443"
gradientTransform="rotate(-135 2204.527 -701.403)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#92f37f" />
<stop offset="1" stop-color="#4ab272" />
</linearGradient>
<linearGradient
id="y"
x1="459.556"
x2="429.383"
y1="-5655.207"
y2="-5655.207"
gradientTransform="rotate(-45 7230.342 -2414.058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00adfb" />
<stop offset="1" stop-color="#3f3ced" />
</linearGradient>
<path
fill="url(#g)"
d="M324.385 233.057h-138.77l16.202-47.628a15.494 15.494 0 0 1 14.668-10.504h77.029a15.492 15.492 0 0 1 14.668 10.504z"
/>
<path
fill="url(#h)"
d="M311.431 233.057H198.569l13.177-38.361c1.738-5.059 6.534-8.46 11.93-8.46h62.648c5.395 0 10.192 3.402 11.93 8.46z"
/>
<path fill="url(#i)" d="M198.569 233.057h112.862l-11.09-32.286h-90.682z" />
<path fill="url(#j)" d="M198.569 233.057h112.862l-6.44-18.746h-99.982z" />
<path
fill="url(#k)"
d="M433.538 509.994H76.462c-19.151 0-34.676-15.525-34.676-34.676V261.616c0-19.151 15.525-34.676 34.676-34.676h357.076c19.151 0 34.676 15.525 34.676 34.676v213.702c0 19.151-15.525 34.676-34.676 34.676z"
/>
<path
fill="url(#l)"
d="M462.109 450.298H47.891c-8.226 0-14.894-6.668-14.894-14.894V301.53c0-8.226 6.668-14.894 14.894-14.894h414.218c8.226 0 14.894 6.668 14.894 14.894v133.875c0 8.225-6.668 14.893-14.894 14.893z"
/>
<path
fill="url(#m)"
d="M468.209 401.628v73.695c0 19.149-15.515 34.677-34.677 34.677H216.491l-46.968-46.968c-26.38-23.949-42.677-58.8-41.771-97.433 1.575-67.655 56.729-122.808 124.371-124.383 38.646-.905 73.497 15.391 97.446 41.771l17.45 17.45a131.945 131.945 0 0 1 8.731 8.731z"
/>
<circle cx="255" cy="368.467" r="127.286" fill="url(#n)" />
<circle cx="255" cy="368.467" r="96.958" fill="url(#o)" />
<path
fill="url(#p)"
d="m315.884 331.341-9.503-9.503c-12.693-13.978-31.012-22.756-51.381-22.756-38.32 0-69.385 31.065-69.385 69.385 0 20.369 8.778 38.687 22.756 51.381l45.55 45.55c.361.004.717.027 1.079.027 53.548 0 96.958-43.409 96.958-96.958 0-.362-.023-.718-.027-1.079l-31.295-31.295a70.073 70.073 0 0 0-4.752-4.752z"
/>
<circle cx="255" cy="368.467" r="69.385" fill="url(#q)" />
<path
fill="url(#r)"
d="M477.003 301.528v103.374L300.529 228.416a5.778 5.778 0 0 1-1.526-1.476h134.529c19.162 0 34.677 15.528 34.677 34.677v26.343c5.185 2.332 8.794 7.516 8.794 13.568z"
/>
<path
fill="url(#s)"
d="M387.533 228.573a131.414 131.414 0 0 0-38.729 38.959c-2.251 3.499-7.448 3.49-9.686-.018a131.41 131.41 0 0 0-38.587-39.099c-3.431-2.254-3.422-7.379.017-9.62a131.414 131.414 0 0 0 38.729-38.959c2.251-3.499 7.448-3.49 9.687.017a131.449 131.449 0 0 0 38.587 39.1c3.431 2.254 3.421 7.379-.018 9.62z"
/>
<path
fill="url(#t)"
d="M255.154 170.522a92.938 92.938 0 0 0-27.388 27.55c-1.592 2.474-5.267 2.468-6.85-.013a92.937 92.937 0 0 0-27.287-27.65c-2.427-1.594-2.42-5.218.012-6.803a92.935 92.935 0 0 0 27.387-27.55c1.592-2.474 5.267-2.468 6.85.012a92.948 92.948 0 0 0 27.287 27.65c2.428 1.595 2.421 5.219-.011 6.804z"
/>
<path
fill="url(#u)"
d="M255.103 0c8.099 0 14.664 6.565 14.664 14.664v53.172c0 8.099-6.565 14.664-14.664 14.664s-14.664-6.565-14.664-14.664V14.664C240.439 6.565 247.005 0 255.103 0z"
/>
<path
fill="url(#v)"
d="M450.349 189.327c0 8.099-6.565 14.664-14.664 14.664h-53.172c-8.099 0-14.664-6.565-14.664-14.664s6.565-14.664 14.664-14.664h53.172c8.099 0 14.664 6.565 14.664 14.664z"
/>
<path
fill="url(#w)"
d="M142.151 189.327c0 8.099-6.565 14.664-14.664 14.664H74.315c-8.099 0-14.664-6.565-14.664-14.664s6.565-14.664 14.664-14.664h53.172c8.098 0 14.664 6.565 14.664 14.664z"
/>
<path
fill="url(#x)"
d="M390.441 53.99c5.727 5.727 5.727 15.011 0 20.738l-37.598 37.598c-5.727 5.727-15.011 5.727-20.738 0s-5.727-15.011 0-20.738l37.598-37.598c5.727-5.727 15.011-5.727 20.738 0z"
/>
<path
fill="url(#y)"
d="M178.102 112.326c-5.727 5.727-15.011 5.727-20.738 0l-37.598-37.598c-5.727-5.727-5.727-15.011 0-20.738s15.011-5.727 20.738 0l37.598 37.598c5.727 5.727 5.727 15.011 0 20.738z"
/>
</svg>
More icons in the same style and category