Add icons to this collection by clicking the heart icon.
Camera icon - also known as camera, electronic, video, recording, electronics, video recorder, video record, music and multimedia, cam recorder, and handy. Created in a clean flat 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 52 52"
>
<linearGradient id="a">
<stop offset="0" stop-color="#4c5c75" />
<stop offset="1" stop-color="#1d2943" />
</linearGradient>
<linearGradient
id="e"
x1="30.849"
x2="21.422"
y1="26.304"
y2="26.304"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="2"
x2="24.489"
y1="26"
y2="26"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="19.596"
x2="3.995"
y1="34.221"
y2="18.62"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="21.782"
x2="16.705"
y1="25.403"
y2="20.326"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4c5c75" stop-opacity="0" />
<stop offset="1" stop-color="#1d2943" />
</linearGradient>
<linearGradient
id="i"
x1="26.704"
x2="50"
y1="26.304"
y2="26.304"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-4925.758"
x2="-4905.708"
y1="1109.729"
y2="1109.729"
gradientTransform="rotate(180 -2438.69 568.016)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#57b3fe" />
<stop offset="1" stop-color="#497bfe" />
</linearGradient>
<radialGradient
id="k"
cx="40.607"
cy="23.587"
r="13.017"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#e3e7f0" />
<stop offset="1" stop-color="#9ea9c9" />
</linearGradient>
<linearGradient
id="l"
x1="13.244"
x2="13.244"
y1="10.21"
y2="23.039"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="16.54"
x2="10.304"
y1="12.859"
y2="19.095"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="13.244"
x2="13.244"
y1="12.341"
y2="21.481"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="o"
cx="12.564"
cy="15.017"
r="3.832"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#4c5c75" stop-opacity="0" />
<stop offset="1" stop-color="#1d2943" stop-opacity=".7" />
</linearGradient>
<linearGradient
id="p"
x1="19.547"
x2="17.039"
y1="43.888"
y2="41.526"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="q"
cx="16.791"
cy="41.207"
r="1.856"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe90a9" />
<stop offset="1" stop-color="#cc104a" />
</radialGradient>
<linearGradient
id="r"
x1="12.681"
x2="10.124"
y1="44.196"
y2="41.565"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="s"
cx="9.233"
cy="40.856"
r="1.538"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdd95" />
<stop offset="1" stop-color="#f9a83d" />
</radialGradient>
<path fill="url(#e)" d="M18.6 19.8h17.5v13H18.6z" />
<path
fill="url(#f)"
d="M13.2 4.9C7 4.9 2 9.9 2 16.2v26.1c0 2.7 2.2 4.9 4.9 4.9h12.8c2.7 0 4.9-2.2 4.9-4.9V16.2c-.1-6.3-5.1-11.3-11.4-11.3z"
/>
<path
fill="url(#g)"
d="M6.9 45.5c-1.8 0-3.2-1.5-3.2-3.2V16.2c0-5.3 4.3-9.6 9.6-9.6s9.6 4.3 9.6 9.6v26.1c0 1.8-1.5 3.2-3.2 3.2z"
/>
<path
fill="url(#h)"
d="m22.8 15-3.9-3.9-11.4 10 15.4 16.8V16.2c0-.4-.1-.8-.1-1.2z"
/>
<path
fill="url(#i)"
d="M47.4 16.8H29.3c-1.4 0-2.6 1.2-2.6 2.6v13.9c0 1.4 1.2 2.6 2.6 2.6h18.1c1.4 0 2.6-1.2 2.6-2.6V19.4c0-1.5-1.2-2.6-2.6-2.6z"
/>
<path
fill="url(#j)"
d="M47.4 18.4c.5 0 1 .4 1 1v13.9c0 .5-.4 1-1 1H29.3c-.5 0-1-.4-1-1V19.4c0-.5.4-1 1-1z"
/>
<path
fill="url(#k)"
d="M45.9 20H30.8c-.4 0-.8.4-.8.8v11c0 .4.4.8.8.8H46c.4 0 .8-.4.8-.8v-11c0-.4-.4-.8-.9-.8z"
/>
<circle cx="13.2" cy="16.2" r="7.6" fill="url(#l)" />
<path
fill="url(#m)"
d="M13.2 9.3c-3.8 0-6.9 3.1-6.9 6.9s3.1 6.9 6.9 6.9 6.9-3.1 6.9-6.9-3.1-6.9-6.9-6.9z"
/>
<circle cx="13.2" cy="16.2" r="5.5" fill="url(#n)" />
<circle cx="13.2" cy="16.2" r="3.7" fill="url(#o)" />
<path
fill="url(#p)"
d="m15.5 42.5 2.9 2.9h1.2c1.1 0 2.1-.6 2.7-1.4l-4.2-4.2z"
/>
<circle cx="16.8" cy="41.2" r="1.9" fill="url(#q)" />
<path fill="url(#r)" d="m8.4 42.5 2.9 3h5.3L11 39.9z" />
<circle cx="9.7" cy="41.2" r="1.9" fill="url(#s)" />
<circle cx="9.7" cy="41.2" r="1.9" fill="url(#s)" />
</svg>
More icons in the same style and category