Add icons to this collection by clicking the heart icon.
Camera icon - also known as technology, camera, photo, picture, photograph, digital, photo camera, ar camera, and electronics. Created in a clean flat gradient style with a gray 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="512"
height="512"
viewBox="0 0 52 52"
>
<linearGradient id="a">
<stop offset="0" stop-color="#727272" />
<stop offset=".853" stop-color="#313131" />
<stop offset="1" stop-color="#262626" />
</linearGradient>
<linearGradient
id="e"
x1="518.959"
x2="561.559"
y1="3776.42"
y2="3776.42"
gradientTransform="rotate(180 281.873 1902.15)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="25.108"
x2="29.869"
y1="49.733"
y2="19.161"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="547.799"
x2="553.128"
y1="3795.687"
y2="3795.687"
gradientTransform="rotate(180 281.873 1902.15)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#afd0db" />
<stop offset="1" stop-color="#729296" />
</linearGradient>
<linearGradient
id="h"
x1="548.161"
x2="548.161"
y1="3792.441"
y2="3796.858"
gradientTransform="rotate(180 281.873 1902.15)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="28.514"
x2="28.514"
y1="18.458"
y2="11.369"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset=".306" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<radialGradient
id="j"
cx="29.908"
cy="19.698"
r="13.725"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="535.233"
x2="535.233"
y1="3774.858"
y2="3754.568"
gradientTransform="rotate(180 281.873 1902.15)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="22.634"
x2="35.717"
y1="26.7"
y2="36.263"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dae7ed" />
<stop offset="1" stop-color="#8ca6aa" />
</linearGradient>
<radialGradient
id="m"
cx="28.831"
cy="22.802"
r="8.448"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="24.513"
x2="34.09"
y1="28.074"
y2="35.074"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#55b4fb" />
<stop offset="1" stop-color="#0d81f3" />
</linearGradient>
<radialGradient
id="o"
cx="14.229"
cy="21.484"
r="3.03"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fef328" />
<stop offset=".886" stop-color="#ff7f02" />
</radialGradient>
<radialGradient
id="p"
cx="14.229"
cy="21.483"
r="3.49"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#0d0d0d" />
<stop offset="1" stop-color="#565656" />
</linearGradient>
<linearGradient
id="q"
x1="719.511"
x2="710.773"
y1="13.986"
y2="13.986"
gradientTransform="matrix(-1 0 0 1 757.237 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="45.088"
x2="38.414"
y1="13.986"
y2="13.986"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="s"
cx="41.691"
cy="13.065"
r="3.488"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="t"
cx="15.586"
cy="8.378"
r="2.723"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="u"
cx="29.646"
cy="29.547"
r="1.808"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" stop-opacity=".5" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<radialGradient
id="v"
cx="29.646"
cy="29.547"
r="1.339"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<path
fill="url(#e)"
d="M2.188 41.891V13.868a3.498 3.498 0 0 1 3.498-3.498H41.29a3.493 3.493 0 0 1 3.498 3.498v28.023a3.498 3.498 0 0 1-3.498 3.499H5.686a3.503 3.503 0 0 1-3.498-3.499z"
/>
<path
fill="#5e8184"
d="M44.787 17.601v-3.734a3.494 3.494 0 0 0-3.497-3.497H5.686a3.494 3.494 0 0 0-3.497 3.497v3.734z"
/>
<path
fill="url(#f)"
d="M7.212 41.891V13.868a3.498 3.498 0 0 1 3.498-3.498h35.604a3.493 3.493 0 0 1 3.498 3.498v28.023a3.498 3.498 0 0 1-3.498 3.499H10.71a3.503 3.503 0 0 1-3.498-3.499z"
/>
<path
fill="url(#g)"
d="M15.948 8.211a1.6 1.6 0 0 0-1.602-1.602H12.22c-.881 0-1.602.714-1.602 1.602v2.406h5.33z"
/>
<path
fill="url(#h)"
d="M18.25 10.617V8.21a1.6 1.6 0 0 0-1.602-1.602h-2.124a1.6 1.6 0 0 0-1.602 1.602v2.406h5.328z"
/>
<path
fill="url(#h)"
d="M18.25 10.617V8.21a1.6 1.6 0 0 0-1.602-1.602h-2.124a1.6 1.6 0 0 0-1.602 1.602v2.406h5.328z"
/>
<path
fill="url(#i)"
d="M49.812 17.601v-3.734a3.494 3.494 0 0 0-3.497-3.497H10.712a3.494 3.494 0 0 0-3.497 3.497v3.734z"
/>
<path
fill="url(#j)"
d="M46.315 10.37H10.712a3.494 3.494 0 0 0-3.497 3.497v3.734h.47v-3.733a3.03 3.03 0 0 1 3.026-3.028h35.605a3.03 3.03 0 0 1 3.027 3.028V17.6h.47v-3.734a3.494 3.494 0 0 0-3.498-3.497z"
/>
<path
fill="url(#k)"
d="M10.712 45.391h35.603a3.498 3.498 0 0 0 3.497-3.497V18.258c-.303 8.86-.506 14.604-.608 23.465.043 1.6-1.153 3.017-3.04 2.992-29.95-.247-34.826.141-35.999-.045a2.89 2.89 0 0 1-2.344-2.947c-.103-8.86-.305-14.605-.606-23.465v23.636a3.498 3.498 0 0 0 3.497 3.497z"
/>
<circle cx="29.646" cy="31.826" r="8.914" fill="url(#l)" />
<path
fill="#5e8184"
d="M37.493 31.824a8.912 8.912 0 0 1-7.846 8.849v.066h-2.233a8.914 8.914 0 0 1-8.69-8.915c0-4.855 3.844-9.3 10.314-8.906h.61v.057a8.92 8.92 0 0 1 7.845 8.849z"
/>
<circle cx="29.646" cy="31.826" r="8.914" fill="url(#l)" />
<path
fill="url(#m)"
d="M38.56 31.826a8.914 8.914 0 1 0-8.915 8.914h.001c-5.027-.212-8.658-4.365-8.555-8.914.11-4.931 4.084-8.488 8.555-8.446 4.56-.039 8.445 3.596 8.554 8.446.103 4.548-3.526 8.7-8.554 8.914h.002a8.914 8.914 0 0 0 8.912-8.914z"
/>
<circle cx="29.646" cy="31.826" r="6.525" fill="url(#n)" />
<path
fill="#5e8184"
d="M29.646 25.3a6.53 6.53 0 0 0-1.071.096c3.092.513 5.453 3.192 5.453 6.43a6.521 6.521 0 0 1-5.453 6.43c.349.057.705.095 1.071.095a6.525 6.525 0 1 0 0-13.05z"
/>
<path
fill="url(#o)"
d="M16.669 19.174h-4.88a1.17 1.17 0 0 0-1.17 1.171v2.277c0 .647.524 1.17 1.17 1.17h4.88a1.17 1.17 0 0 0 1.17-1.17v-2.277a1.17 1.17 0 0 0-1.17-1.17z"
/>
<path
fill="url(#p)"
d="M17.84 22.622v-2.277a1.17 1.17 0 0 0-1.171-1.17h-4.88a1.17 1.17 0 0 0-1.17 1.17v2.277c0 .646.523 1.17 1.169 1.17-.485-.072-.91-.442-.966-.947-.019-.14.012-.298.027-.483l.14-2.073a.82.82 0 0 1 .37-.569c.211-.13.367-.118.772-.101l2.098.024 2.099-.026c.404-.016.56-.029.773.103a.82.82 0 0 1 .37.569l.14 2.073c.121.864-.314 1.338-.94 1.43a1.17 1.17 0 0 0 1.168-1.17z"
/>
<path
fill="url(#q)"
d="M39.836 11.738h4.128c.74 0 1.341.6 1.341 1.341v1.813c0 .741-.6 1.342-1.341 1.342h-4.128c-.741 0-1.342-.6-1.342-1.342V13.08c0-.741.6-1.341 1.342-1.341z"
/>
<path
fill="url(#r)"
d="M43.83 12.542h-3.86c-.37 0-.671.3-.671.67v1.547c0 .37.3.67.67.67h3.861c.37 0 .671-.3.671-.67v-1.546c0-.37-.3-.67-.67-.67z"
/>
<path
fill="url(#s)"
d="M43.83 15.43a.658.658 0 0 0 .554-.347c.115-.197.061-.433.06-.667-.023-.452.002-.958-.057-1.367a.59.59 0 0 0-.42-.388c-.244-.045-1.967-.004-2.067-.002l-1.396-.01c-.22.006-.491-.021-.672.012a.59.59 0 0 0-.419.388c-.059.409-.034.915-.057 1.367-.001.234-.055.47.06.667.102.2.32.337.554.346a.687.687 0 0 1-.603-.317c-.145-.212-.108-.473-.126-.696.003-.475-.053-.907-.001-1.418a.755.755 0 0 1 .544-.534c.278-.048.478-.017.72-.029l1.396-.01c.103 0 1.908.003 2.116.04a.755.755 0 0 1 .544.533c.051.51-.004.943-.002 1.418-.018.223.02.484-.125.696a.686.686 0 0 1-.603.317z"
/>
<path
fill="url(#t)"
d="M18.25 8.21a1.6 1.6 0 0 0-1.602-1.601h-2.124a1.6 1.6 0 0 0-1.602 1.602v2.406h.469V8.21c0-.625.508-1.133 1.133-1.133h2.124c.625 0 1.133.508 1.133 1.133v2.406h.469z"
/>
<circle cx="29.646" cy="29.547" r="1.808" fill="url(#u)" />
<path
fill="url(#v)"
d="m29.88 29.67.446.557-.557-.446-.123 1.105-.122-1.105-.557.446.446-.557-1.106-.123 1.106-.123-.446-.556.557.445.122-1.105.123 1.105.557-.445-.446.556 1.105.123z"
/>
</svg>
More icons in the same style and category