Add icons to this collection by clicking the heart icon.
Photo Camera icon - also known as technology, photo, picture, photograph, digital, photo camera, ar camera, and electronics. Created in a clean gradient 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00aa45" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="d"
x1="74.98"
x2="437.018"
y1="437.018"
y2="74.98"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00aa45" />
<stop offset=".509" stop-color="#73d462" stop-opacity=".491" />
<stop offset="1" stop-color="#e6fe7f" stop-opacity="0" />
</radialGradient>
<linearGradient
id="f"
x1="100.89"
x2="211.473"
y1="181.014"
y2="70.431"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00aa45" />
<stop offset=".591" stop-color="#5bcb37" />
<stop offset="1" stop-color="#95e12e" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#95e12e" />
<stop offset=".356" stop-color="#c0ed83" />
<stop offset=".664" stop-color="#e2f7c6" />
<stop offset=".886" stop-color="#f7fdef" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="13.667"
x2="206.819"
y1="306.847"
y2="113.694"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="-293.913"
x2="394.691"
y1="761.847"
y2="73.243"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#5ccd38" />
<stop offset=".5" stop-color="#95e12e" />
<stop offset=".678" stop-color="#c0ed83" />
<stop offset=".832" stop-color="#e2f7c6" />
<stop offset=".943" stop-color="#f7fdef" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="i"
x1="152.262"
x2="451.766"
y1="413.794"
y2="114.291"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="143.392"
x2="467.493"
y1="396.343"
y2="72.242"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="-28.209"
x2="333.974"
y1="435.745"
y2="73.562"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="-318.981"
x2="586.113"
y1="888.317"
y2="-16.777"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="-81.536"
x2="476.845"
y1="699.413"
y2="141.032"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="n"
cx="256"
cy="263.688"
r="117.478"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00aa45" />
<stop offset=".161" stop-color="#03ab46" stop-opacity=".84" />
<stop offset=".296" stop-color="#0eaf48" stop-opacity=".704" />
<stop offset=".422" stop-color="#1fb54d" stop-opacity=".578" />
<stop offset=".542" stop-color="#38be53" stop-opacity=".458" />
<stop offset=".659" stop-color="#58ca5b" stop-opacity=".341" />
<stop offset=".773" stop-color="#7fd865" stop-opacity=".227" />
<stop offset=".884" stop-color="#ade971" stop-opacity=".116" />
<stop offset=".991" stop-color="#e1fc7e" stop-opacity=".009" />
<stop offset="1" stop-color="#e6fe7f" stop-opacity="0" />
</radialGradient>
<linearGradient
id="o"
x1="154.655"
x2="383.344"
y1="364.908"
y2="136.22"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="-55.904"
x2="353.107"
y1="575.504"
y2="166.493"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="q"
cx="256"
cy="263.688"
r="100.369"
gradientUnits="userSpaceOnUse"
>
<stop offset=".508" stop-color="#e6fe7f" stop-opacity="0" />
<stop offset=".659" stop-color="#e4fd7e" stop-opacity=".306" />
<stop offset=".739" stop-color="#dcfa7a" stop-opacity=".47" />
<stop offset=".804" stop-color="#cef673" stop-opacity=".601" />
<stop offset=".859" stop-color="#bbef69" stop-opacity=".713" />
<stop offset=".909" stop-color="#a2e65c" stop-opacity=".815" />
<stop offset=".955" stop-color="#83db4c" stop-opacity=".907" />
<stop offset=".996" stop-color="#5fce3a" stop-opacity=".993" />
<stop offset="1" stop-color="#5ccd38" />
</radialGradient>
<linearGradient
id="r"
x1="181.992"
x2="316.577"
y1="337.659"
y2="203.074"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="213.482"
x2="309.378"
y1="306.17"
y2="210.274"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M98.469 149.214c-.224 5.037-.431 10.074-.623 15.111a7809.16 7809.16 0 0 1 60.828-.994c.118-5.092.246-10.183.384-15.275.219-8.439-6.316-15.168-14.636-15.004a5723.53 5723.53 0 0 0-30.156.661c-8.32.209-15.42 7.16-15.797 15.501z"
/>
<path
fill="url(#g)"
d="M98.469 149.214c-16.701.419-31.015 14.244-31.667 30.786-.382 10-.689 20-.92 30 14.92 17.648 30.179 35.534 45.604 53.58 10.249.015 20.498.029 30.748.041-.085-38.442.474-76.885 1.677-115.327-15.147.255-30.295.562-45.442.92z"
/>
<path
fill="url(#h)"
d="M412 118.992a5087.987 5087.987 0 0 0-194.574-2.245c-7.954.06-15.639 3.375-21.4 9.189a6036.352 6036.352 0 0 1-17.504 17.598 15.006 15.006 0 0 1-10.421 4.397c-8.064.107-16.127.228-24.191.363-16.701.298-30.834 14.173-31.335 30.898a2680.044 2680.044 0 0 0-1.09 84.388c93.436.139 186.872.143 280.308.012 18.329-18.079 36.505-35.98 54.324-53.592-.463-20-1.227-40-2.293-60-.909-16.541-15.295-30.478-31.824-31.008z"
/>
<path
fill="url(#i)"
d="M412.813 134.103c-10.052-.273-20.104-.52-30.156-.74a3025.64 3025.64 0 0 1 1.86 60.812c10.199.111 20.4.235 30.599.373 8.452.108 15.122-6.532 14.824-14.842a2180.754 2180.754 0 0 0-1.262-30.116c-.412-8.31-7.549-15.256-15.865-15.487z"
/>
<path
fill="url(#j)"
d="M399.424 179.192c-.29-10.106-.637-20.213-1.041-30.319-.341-8.367-7.409-15.323-15.727-15.51a5833.11 5833.11 0 0 0-15.078-.311c-8.321-.165-14.856 6.565-14.636 15.004.275 10.183.512 20.367.709 30.55.16 8.441 7.112 15.334 15.566 15.412 5.1.049 10.199.101 15.3.157 8.452.089 15.152-6.615 14.907-14.983z"
/>
<path
fill="url(#k)"
d="M111.878 209.511c-15.332.141-30.664.304-45.996.489a1989.872 1989.872 0 0 0 2.293 152c.911 16.543 15.295 30.478 31.825 31.008 15 .46 30 .854 45 1.181z"
/>
<path
fill="url(#l)"
d="M256 208.85c-48.041 0-96.081.22-144.122.661a2681.108 2681.108 0 0 0 1.738 153.616c.698 16.724 14.851 30.686 31.384 31.062 89 1.942 178 1.548 267-1.181 16.529-.53 30.913-14.466 31.825-31.008a1990.877 1990.877 0 0 0 1.871-44.403C383.575 282.758 319.373 245.613 256 208.85z"
/>
<path
fill="url(#m)"
d="M263.609 208.852c41.557 59.841 107.168 101.385 182.087 108.745A1989.6 1989.6 0 0 0 446.118 210a15705.702 15705.702 0 0 0-182.509-1.148z"
/>
<path
fill="url(#n)"
d="M256 147.35c-62.86.123-116.274 52.846-116.329 116.268.398 63.418 53.812 116.287 116.329 116.407 62.519-.12 115.932-52.99 116.329-116.407-.054-63.42-53.468-116.146-116.329-116.268z"
/>
<path
fill="url(#o)"
d="M256 162.725c-54.867.079-100.936 45.692-100.955 100.91C155.32 318.85 201.39 364.571 256 364.65c54.609-.078 100.677-45.802 100.955-101.015-.02-55.217-46.088-100.83-100.955-100.91z"
/>
<path
fill="url(#p)"
d="M256 178.1c-46.737.049-85.583 38.613-85.581 85.55.181 46.937 39.028 85.579 85.581 85.625 46.552-.049 85.398-38.688 85.581-85.625.005-46.939-38.845-85.5-85.581-85.55z"
/>
<path
fill="url(#q)"
d="M256 178.1c-46.737.049-85.583 38.613-85.581 85.55.181 46.937 39.028 85.579 85.581 85.625 46.552-.049 85.398-38.688 85.581-85.625.005-46.939-38.845-85.5-85.581-85.55z"
/>
<path
fill="url(#r)"
d="M256 208.85c-30.159.013-54.847 24.622-54.833 54.822.061 30.199 24.751 54.84 54.833 54.853 30.08-.013 54.773-24.655 54.833-54.853.015-30.198-24.675-54.809-54.833-54.822z"
/>
<path
fill="url(#s)"
d="M271.356 287.77c-30.219.012-54.855-24.573-54.792-54.808.006-2.684.216-5.32.596-7.902-9.875 9.924-16.01 23.56-15.993 38.613.062 30.199 24.752 54.84 54.833 54.853 27.423-.005 50.327-20.486 54.245-46.958-9.953 9.981-23.712 16.193-38.889 16.202z"
/>
</svg>
More icons in the same style and category