Add icons to this collection by clicking the heart icon.
Camera icon - also known as camera, photo, photography, picture, photograph, travel, photo camera, tourist, and hobbies and free time. 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#04befe" />
<stop offset="1" stop-color="#4481eb" />
</linearGradient>
<linearGradient
id="d"
x1="-53.154"
x2="-52.154"
y1="654.989"
y2="654.989"
gradientTransform="scale(-32 32) rotate(-45 -816.885 275.295)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-50.385"
x2="-49.385"
y1="653.663"
y2="653.663"
gradientTransform="scale(-96 96) rotate(-45 -814.238 270.283)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-49.831"
x2="-48.831"
y1="653.398"
y2="653.398"
gradientTransform="scale(-160 160) rotate(-45 -813.708 269.28)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#4481eb" />
<stop offset="1" stop-color="#04befe" />
</linearGradient>
<linearGradient
id="g"
x1="-48.887"
x2="-47.887"
y1="652.814"
y2="652.814"
gradientTransform="matrix(432 0 0 -746.668 21159.008 487747.313)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#a1c4fd" />
<stop offset="1" stop-color="#c2e9fb" />
</linearGradient>
<linearGradient
id="h"
x1="-48.66"
x2="-47.66"
y1="652.035"
y2="652.035"
gradientTransform="matrix(144 0 0 -144 7191 94237)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="-48.933"
x2="-47.933"
y1="652.76"
y2="652.76"
gradientTransform="matrix(736 0 0 -736 36383.02 480775.906)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="-47.469"
x2="-46.469"
y1="648.656"
y2="648.656"
gradientTransform="matrix(32 0 0 -32 1631.002 21101.01)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="-48.956"
x2="-47.956"
y1="652.925"
y2="652.925"
gradientTransform="matrix(1104 0 0 -1104 53367 721005)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="-48.967"
x2="-47.967"
y1="652.92"
y2="652.92"
gradientTransform="matrix(1471.996 0 0 -1471.996 71038.813 961303.938)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="-48.234"
x2="-47.234"
y1="650.828"
y2="650.828"
gradientTransform="matrix(64 0 0 -64 3310.985 41996.895)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g fill-rule="evenodd" clip-rule="evenodd">
<path
fill="url(#d)"
d="M250.346 114.324c3.123-3.123 8.191-3.123 11.314 0s8.191 3.123 11.314 0 3.123-8.191 0-11.314c-9.368-9.368-24.573-9.368-33.941 0-3.123 3.123-3.123 8.191 0 11.314s8.19 3.122 11.313 0z"
/>
<path
fill="url(#e)"
d="M227.71 91.693c15.613-15.613 40.967-15.613 56.58 0a7.988 7.988 0 0 0 11.302 0 7.988 7.988 0 0 0 0-11.302c-21.858-21.858-57.327-21.858-79.185 0a7.988 7.988 0 0 0 0 11.302 7.99 7.99 0 0 0 11.303 0z"
/>
<path
fill="url(#f)"
d="M205.086 69.078c28.086-28.086 73.737-28.086 101.823 0 3.111 3.111 8.202 3.111 11.314 0 3.111-3.111 3.111-8.202 0-11.314-34.337-34.337-90.114-34.337-124.451 0-3.111 3.111-3.111 8.202 0 11.314 3.112 3.111 8.203 3.111 11.314 0z"
/>
<path
fill="url(#g)"
d="M472.001 168.001c0-8.84-7.166-16-15.999-16H265.891a16.002 16.002 0 0 0-14.31 8.84c-4.32 8.64-10.846 21.68-15.159 30.32a16.003 16.003 0 0 1-14.31 8.84H56.001c-4.243 0-8.316 1.68-11.317 4.68a16.071 16.071 0 0 0-4.683 11.32v240c0 4.24 1.689 8.307 4.683 11.32 3.001 3 7.074 4.68 11.317 4.68h400.001c8.833 0 15.999-7.16 15.999-16z"
/>
<circle cx="256" cy="344" r="72" fill="url(#h)" />
<circle cx="384.001" cy="344" r="16" fill="url(#i)" />
<circle cx="128.001" cy="344" r="16" fill="url(#j)" />
<path
fill="url(#k)"
d="M192 168c0-8.84-7.16-16-16-16H96c-8.84 0-16 7.16-16 16v32h112z"
/>
<path
fill="url(#l)"
d="M431.99 202.666c0-8.832-7.168-16-16-16h-32c-8.832 0-16 7.168-16 16v10.667c0 8.832 7.168 16 16 16h32c8.832 0 16-7.168 16-16z"
/>
<circle cx="255.993" cy="343.999" r="32" fill="url(#m)" />
</g>
</svg>
More icons in the same style and category