Add icons to this collection by clicking the heart icon.
Camera icon - also known as technology, camera, photo, picture, photograph, digital, ar 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="#9b62cd" />
<stop offset=".3" stop-color="#985dcb" />
<stop offset=".672" stop-color="#8f4ec7" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient
id="g"
x1="279.234"
x2="309.764"
y1="85.827"
y2="156.911"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#efdcfb" />
</linearGradient>
<linearGradient
id="h"
x1="245.213"
x2="362.126"
y1="124.458"
y2="124.458"
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="303.172"
x2="265.914"
y1="143.656"
y2="60.789"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="245.213"
x2="362.126"
y1="138.999"
y2="138.999"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="212.408"
x2="382.069"
y1="263.597"
y2="382.28"
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="l"
x1="213.263"
x2="118.356"
y1="310.496"
y2="310.496"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="279.457"
x2="279.457"
y1="418.417"
y2="474.227"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="411.985"
x2="287.155"
y1="418.807"
y2="293.977"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#ff819c" />
<stop offset=".259" stop-color="#ff7e9a" />
<stop offset=".476" stop-color="#fe7396" />
<stop offset=".676" stop-color="#fc628e" />
<stop offset=".867" stop-color="#fa4a83" />
<stop offset="1" stop-color="#f83479" />
</linearGradient>
<linearGradient
id="o"
x1="151.589"
x2="455.75"
y1="310.496"
y2="310.496"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="p"
x1="1140.57"
x2="1400.092"
y1="251.513"
y2="251.513"
gradientTransform="rotate(180 787 281.005)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="q"
x1="246.478"
x2="376.015"
y1="253.305"
y2="382.842"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="387.945"
x2="293.825"
y1="394.772"
y2="300.652"
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>
<linearGradient
id="s"
x1="220.769"
x2="386.57"
y1="310.496"
y2="310.496"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="t"
x1="1202.273"
x2="1338.389"
y1="251.513"
y2="251.513"
gradientTransform="rotate(180 787 281.005)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="u"
cx="289.896"
cy="290.59"
r="96.855"
gradientUnits="userSpaceOnUse"
>
<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" />
</radialGradient>
<linearGradient
id="v"
x1="69.709"
x2="97.889"
y1="117.892"
y2="117.892"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7044" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient
id="w"
x1="42.668"
x2="104.983"
y1="311.19"
y2="311.19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8a7889" />
<stop offset="1" stop-color="#6e566e" />
</linearGradient>
<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="x"
x1="254.757"
x2="314.823"
y1="-104.618"
y2="-24.529"
gradientTransform="translate(94.783 149.7)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="y"
x1="359.502"
x2="403.977"
y1="-78.985"
y2="-19.684"
gradientTransform="translate(94.783 149.7)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<path
fill="url(#g)"
d="M386.57 148.709H220.768l19.358-56.906a18.512 18.512 0 0 1 17.526-12.55h92.034a18.513 18.513 0 0 1 17.526 12.55z"
/>
<path
fill="url(#h)"
d="M362.126 148.709H245.213l13.65-39.738c1.8-5.24 6.769-8.764 12.358-8.764h64.897c5.589 0 10.558 3.524 12.358 8.764z"
/>
<path fill="url(#i)" d="M245.213 148.709h116.913l-11.489-33.445h-93.936z" />
<path fill="url(#j)" d="M245.213 148.709h116.913l-6.671-19.42H251.884z" />
<path
fill="url(#k)"
d="M468.551 479.592H90.353c-22.881 0-41.43-18.549-41.43-41.43V182.831c0-22.881 18.549-41.43 41.43-41.43h378.198c22.881 0 41.43 18.549 41.43 41.43v255.331c0 22.881-18.549 41.43-41.43 41.43z"
/>
<path
fill="url(#l)"
d="M250.7 141.401H90.353c-22.881 0-41.43 18.549-41.43 41.43v255.331c0 22.881 18.549 41.43 41.43 41.43H250.7z"
/>
<path
fill="url(#m)"
d="M509.987 361.031v77.136c0 22.88-18.555 41.424-41.435 41.424H90.35c-22.88 0-41.423-18.543-41.423-41.424v-77.136z"
/>
<path
fill="url(#n)"
d="M509.987 301.697v136.47c0 22.88-18.555 41.424-41.435 41.424H257.646l-56.108-56.108c-18.591-16.871-32.976-38.269-41.435-62.452-5.891-16.835-8.913-35.008-8.471-53.957 1.888-80.84 67.781-146.733 148.597-148.621 46.179-1.075 87.818 18.388 116.433 49.907l20.849 20.849a159.309 159.309 0 0 1 10.431 10.443z"
/>
<circle cx="303.669" cy="310.496" r="152.08" fill="url(#o)" />
<circle cx="303.669" cy="310.496" r="129.761" fill="url(#p)" />
<circle cx="303.669" cy="310.496" r="115.503" fill="url(#q)" />
<path
fill="url(#r)"
d="m376.413 266.138-11.354-11.354c-15.166-16.701-37.053-27.189-61.389-27.189-45.785 0-82.901 37.116-82.901 82.901 0 24.337 10.487 46.224 27.189 61.389l54.423 54.423c.431.005.857.033 1.289.033 63.979 0 115.845-51.865 115.845-115.845 0-.432-.028-.858-.033-1.289l-37.391-37.391a83.553 83.553 0 0 0-5.678-5.678z"
/>
<circle cx="303.669" cy="310.496" r="82.901" fill="url(#s)" />
<circle cx="303.669" cy="310.496" r="68.058" fill="url(#t)" />
<circle cx="303.669" cy="310.496" r="60.337" fill="url(#u)" />
<path
fill="url(#v)"
d="M116.144 134.783h-65.73V114.19c0-7.285 5.906-13.191 13.191-13.191h39.348c7.285 0 13.191 5.906 13.191 13.191z"
/>
<path
fill="url(#w)"
d="M110.233 496.85H71.124C31.843 496.85 0 465.007 0 425.727V196.652c0-39.28 31.843-71.124 71.124-71.124h39.109c19.395 0 35.118 15.723 35.118 35.118v301.085c0 19.396-15.723 35.119-35.118 35.119z"
/>
<path
fill="url(#x)"
d="M421.608 76.255a161.472 161.472 0 0 0-47.569 47.872c-2.765 4.299-9.148 4.288-11.897-.022a161.434 161.434 0 0 0-47.394-48.045c-4.214-2.77-4.203-9.067.022-11.821a161.457 161.457 0 0 0 47.568-47.872c2.765-4.299 9.148-4.288 11.897.021a161.461 161.461 0 0 0 47.395 48.045c4.213 2.771 4.202 9.068-.022 11.822z"
/>
<path
fill="url(#y)"
d="M507.649 94.105a119.562 119.562 0 0 0-35.222 35.446c-2.048 3.183-6.773 3.175-8.809-.016a119.546 119.546 0 0 0-35.092-35.574c-3.12-2.051-3.112-6.714.016-8.753a119.547 119.547 0 0 0 35.221-35.446c2.047-3.183 6.773-3.175 8.809.016a119.558 119.558 0 0 0 35.092 35.574c3.121 2.051 3.113 6.713-.015 8.753z"
/>
</svg>
More icons in the same style and category