Add icons to this collection by clicking the heart icon.
Camera icon - also known as camera, film, video camera, recording, electronics, live, and music and multimedia. 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="#ffdd95" />
<stop offset="1" stop-color="#f9a83d" />
</linearGradient>
<linearGradient
id="d"
x1="15.173"
x2="15.173"
y1="4.963"
y2="6.204"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="26.376"
cy="27.965"
r="28.096"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4c5c75" />
<stop offset=".258" stop-color="#47566f" />
<stop offset=".594" stop-color="#384660" />
<stop offset=".97" stop-color="#1f2b45" />
<stop offset="1" stop-color="#1d2943" />
</radialGradient>
<linearGradient
id="f"
x1="51.992"
x2="21.513"
y1="36.937"
y2="31.073"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4c5c75" stop-opacity="0" />
<stop offset="1" stop-color="#1d2943" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#e3e7f0" />
<stop offset="1" stop-color="#9ea9c9" />
</linearGradient>
<linearGradient
id="g"
x1="26"
x2="26"
y1="15.77"
y2="41.911"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="127.034"
x2="127.034"
y1="56.454"
y2="72.756"
gradientTransform="rotate(45 110.176 -80.156)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#4c5c75" />
<stop offset="1" stop-color="#1d2943" />
</linearGradient>
<linearGradient
id="i"
x1="-1242.746"
x2="-1242.746"
y1="-299.176"
y2="-322.619"
gradientTransform="rotate(180 -608.373 -138.51)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="25.796"
x2="26.201"
y1="19.865"
y2="35.796"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="k"
cx="24.852"
cy="25.964"
r="6.468"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#57b3fe" />
<stop offset="1" stop-color="#497bfe" />
</radialGradient>
<linearGradient
id="l"
x1="52.502"
x2="45.025"
y1="24.91"
y2="17.433"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4c5c75" stop-opacity="0" />
<stop offset="1" stop-color="#1d2943" stop-opacity=".7" />
</linearGradient>
<radialGradient
id="m"
cx="41.692"
cy="14.241"
r="1.895"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#d)"
d="M19.2 8.1V5.6c0-1.3-1.1-2.4-2.4-2.4h-3.2c-1.3 0-2.4 1.1-2.4 2.4v2.5z"
/>
<path
fill="url(#e)"
d="M37.8 6.9H14.2C7.5 6.9 2 12.4 2 19.2v17.4c0 6.7 5.5 12.2 12.2 12.2h23.6c6.7 0 12.2-5.5 12.2-12.2V19.2c0-6.8-5.5-12.3-12.2-12.3z"
/>
<path
fill="url(#f)"
d="m15.1 38.8 10 10h12.7c6.7 0 12.2-5.5 12.2-12.2v-6.5L36.9 17z"
/>
<circle cx="26" cy="27.9" r="15.4" fill="url(#g)" />
<circle cx="26" cy="27.9" r="14" fill="url(#h)" />
<circle cx="26" cy="27.9" r="11.1" fill="url(#i)" />
<circle cx="26" cy="27.9" r="9.3" fill="url(#j)" />
<circle cx="26" cy="27.9" r="6.2" fill="url(#k)" />
<path fill="url(#l)" d="m43.9 13.1-3.3 3.2 9.4 9.3v-6.4z" />
<circle cx="42.3" cy="14.7" r="2.3" fill="url(#m)" />
</svg>
More icons in the same style and category