Add icons to this collection by clicking the heart icon.
Film icon - also known as photography, entertainment, film, film strip, photographic film, camera film, 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="g"
x1="26"
x2="26"
y1="19.225"
y2="36.832"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9e7fc" />
<stop offset="1" stop-color="#bec3f4" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#4c5c75" stop-opacity="0" />
<stop offset="1" stop-color="#111d33" />
</linearGradient>
<linearGradient
id="h"
x1="39.299"
x2="25.898"
y1="32.707"
y2="19.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="24.643"
x2="9.601"
y1="32.979"
y2="17.937"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#4c5c75" />
<stop offset="1" stop-color="#1d2943" />
</linearGradient>
<linearGradient
id="j"
x1="26"
x2="26"
y1="7.677"
y2="15.764"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#4c5c75" stop-opacity="0" />
<stop offset=".331" stop-color="#495972" stop-opacity=".331" />
<stop offset=".578" stop-color="#404f69" stop-opacity=".578" />
<stop offset=".798" stop-color="#323f59" stop-opacity=".798" />
<stop offset="1" stop-color="#1d2943" />
</linearGradient>
<linearGradient
id="k"
x1="26"
x2="26"
y1="7.679"
y2="15.758"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="26"
x2="26"
y1="36.245"
y2="44.323"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="26"
x2="26"
y1="40.58"
y2="43.936"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#e9e7fc" />
<stop offset=".533" stop-color="#e7e5fc" />
<stop offset=".725" stop-color="#e0e0fa" />
<stop offset=".862" stop-color="#d5d6f8" />
<stop offset=".971" stop-color="#c4c8f5" />
<stop offset="1" stop-color="#bec3f4" />
</linearGradient>
<linearGradient
id="n"
x1="9.437"
x2="9.437"
y1="9.405"
y2="12.759"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="17.719"
x2="17.719"
y1="9.405"
y2="12.759"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="26"
x2="26"
y1="9.405"
y2="12.759"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="34.282"
x2="34.282"
y1="9.405"
y2="12.759"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="42.563"
x2="42.563"
y1="9.405"
y2="12.759"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="9.437"
x2="9.437"
y1="37.97"
y2="41.324"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="17.719"
x2="17.719"
y1="37.97"
y2="41.324"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="26"
x2="26"
y1="37.97"
y2="41.324"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="34.282"
x2="34.282"
y1="37.97"
y2="41.324"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="42.563"
x2="42.563"
y1="37.97"
y2="41.324"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="x"
cx="18.934"
cy="20.395"
r="4.657"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="y"
x1="12.451"
x2="24.664"
y1="30.367"
y2="30.367"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#57b3fe" />
<stop offset="1" stop-color="#497bfe" />
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#ffdd95" />
<stop offset="1" stop-color="#f9a83d" />
</linearGradient>
<linearGradient
id="z"
x1="18.558"
x2="18.558"
y1="27.638"
y2="30.29"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#ffde9b" stop-opacity="0" />
<stop offset="1" stop-color="#ef7b56" />
</linearGradient>
<linearGradient
id="A"
x1="20.915"
x2="18.536"
y1="27.481"
y2="25.102"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="B"
x1="15.519"
x2="21.609"
y1="23.383"
y2="23.383"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="C"
x1="27.336"
x2="39.549"
y1="30.367"
y2="30.367"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f34b58" />
<stop offset=".377" stop-color="#f14957" />
<stop offset=".591" stop-color="#ec4055" />
<stop offset=".764" stop-color="#e33252" />
<stop offset=".915" stop-color="#d61f4e" />
<stop offset="1" stop-color="#cc104a" />
</linearGradient>
<linearGradient
id="D"
x1="33.875"
x2="33.362"
y1="31.695"
y2="25.124"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="E"
x1="36.164"
x2="33.975"
y1="28.195"
y2="26.007"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="F"
x1="36.967"
x2="37.818"
y1="23.662"
y2="23.662"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="G"
x1="30.192"
x2="29.299"
y1="23.636"
y2="23.636"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="H"
x1="33.441"
x2="33.441"
y1="26.11"
y2="18.087"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="I"
cx="33.442"
cy="22.01"
r="3.362"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path fill="url(#g)" d="M2 15.8h48v20.5H2z" />
<path fill="url(#h)" d="M50 32 36.8 19.8l-4.2 8.3-4.8 4.5 3.6 3.6H50z" />
<path fill="url(#i)" d="m20.8 19.5-3.4 8.4-4.8 4.5 3.9 3.8h19.4l-1-4.5z" />
<path
fill="url(#j)"
d="M44 7.7H8c-3.3 0-6 2.7-6 6v2.1h48v-2.1c0-3.3-2.7-6-6-6z"
/>
<path
fill="url(#k)"
d="M44 7.7H8c-3.3 0-6 2.7-6 6v2.1h48v-2.1c0-3.3-2.7-6-6-6z"
/>
<path
fill="url(#l)"
d="M2 36.2v2.1c0 3.3 2.7 6 6 6h36c3.3 0 6-2.7 6-6v-2.1z"
/>
<path
fill="url(#m)"
d="M2 36.2v2.1c0 3.3 2.7 6 6 6h36c3.3 0 6-2.7 6-6v-2.1z"
/>
<path
fill="url(#n)"
d="M10.7 10H8.2c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5v-2.4c.1-.3-.2-.5-.4-.5z"
/>
<path
fill="url(#o)"
d="M18.9 10h-2.4c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5v-2.4c0-.3-.2-.5-.5-.5z"
/>
<path
fill="url(#p)"
d="M27.2 10h-2.4c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5v-2.4c0-.3-.2-.5-.5-.5z"
/>
<path
fill="url(#q)"
d="M35.5 10h-2.4c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5v-2.4c0-.3-.2-.5-.5-.5z"
/>
<path
fill="url(#r)"
d="M43.8 10h-2.4c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5v-2.4c0-.3-.2-.5-.5-.5z"
/>
<path
fill="url(#s)"
d="M10.7 38.6H8.2c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5v-2.4c.1-.3-.2-.5-.4-.5z"
/>
<path
fill="url(#t)"
d="M18.9 38.6h-2.4c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5v-2.4c0-.3-.2-.5-.5-.5z"
/>
<path
fill="url(#u)"
d="M27.2 38.6h-2.4c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5v-2.4c0-.3-.2-.5-.5-.5z"
/>
<path
fill="url(#v)"
d="M35.5 38.6h-2.4c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5v-2.4c0-.3-.2-.5-.5-.5z"
/>
<path
fill="url(#w)"
d="M43.8 38.6h-2.4c-.3 0-.5.2-.5.5v2.4c0 .3.2.5.5.5h2.4c.3 0 .5-.2.5-.5v-2.4c0-.3-.2-.5-.5-.5z"
/>
<path
fill="url(#x)"
d="M22.4 23.2c-.1-.6-.2-1.1-.3-1.5-.5-1.7-1.9-3.2-3.6-3.2-1.6 0-3.1 1.5-3.6 3.2l-.3 1.5c-.3 2.9.5 5.5 1.8 5.7.6.1 3.5.1 4.1 0 1.4-.2 2.2-2.7 1.9-5.7z"
/>
<path
fill="url(#y)"
d="M12.5 32c0 2.1 12.2 2.1 12.2 0 0 0 0-.8-.2-2.8s-4.1-2.1-4.1-2.1h-3.7s-3.9.1-4.1 2.1c-.1 2.1-.1 2.8-.1 2.8z"
/>
<path
fill="url(#z)"
d="M21.5 27.3c-.4-.1-.7-.1-1.1-.1-.2 0-.3-.2-.3-.4l.2-2.5h-3.4l.2 2.5c0 .2-.1.4-.3.4-.4 0-.7 0-1.1.1 0 .2-.1.4-.1.6 0 1.9 1.4 2.7 3 2.7 1.7 0 3-.8 3-2.7 0-.2 0-.4-.1-.6z"
/>
<path
fill="url(#A)"
d="M21.5 27.3c-.4-.1-.7-.1-1.1-.1-.2 0-.3-.2-.3-.4l.2-2.5h-.9L17 26.1l3.8 3.8c.5-.4.8-1.1.8-2 0-.2 0-.4-.1-.6z"
/>
<path
fill="url(#B)"
d="M21.5 21.1c0-.1-.1-.2-.2-.2-.2-.1-.4-.3-.5-.5s-.4-.2-.5 0c-.9 1.5-3.6 1.7-4.5 1.7-.2 0-.3.1-.3.3.1 1 .4 4.1 2.9 4.2 2.2.1 3-2.6 3.1-2.8.1-.5.2-1.8 0-2.7z"
/>
<path
fill="url(#C)"
d="M27.3 32c0 2.1 12.2 2.1 12.2 0 0 0 0-.8-.2-2.8s-4.1-2.1-4.1-2.1h-3.7s-3.9.1-4.1 2.1c0 2.1-.1 2.8-.1 2.8z"
/>
<path
fill="url(#D)"
d="M31.1 24.2v3c0 1.3 1 2.3 2.3 2.3s2.3-1 2.3-2.3v-3z"
/>
<path
fill="url(#E)"
d="M35.7 27.2v-3h-.9l-3.7 2.5 2.8 2.8c1-.3 1.8-1.2 1.8-2.3z"
/>
<path
fill="url(#F)"
d="M37.7 23.9c-.2.5-.6.7-1 .6s-.5-.6-.4-1.1.6-.7 1-.6.6.6.4 1.1z"
/>
<path
fill="url(#G)"
d="M29.1 23.9c.2.5.6.7 1 .6s.5-.6.4-1.1c-.2-.5-.6-.7-1-.6s-.5.6-.4 1.1z"
/>
<path
fill="url(#H)"
d="M29.8 21.5v2c0 2 1.6 4.4 3.6 4.4s3.6-2.3 3.6-4.4v-2z"
/>
<path
fill="url(#I)"
d="M34.4 18.4h-1.9c-1.6 0-2.8 1.3-2.8 2.8l.2 2.6h.3c.1-.3.2-1 .3-1.5s.6-.8 1.1-.7c1.3.2 1.5 1.2 4.3.2.2-.1.3-.1.5-.1.5.1.4 1.5.5 2.1h.3l.2-2.6c-.1-1.5-1.4-2.8-3-2.8z"
/>
</svg>
More icons in the same style and category