Add icons to this collection by clicking the heart icon.
Film icon - also known as photography, picture, photograph, film, travel, ui, film reel, and miscellaneous. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-46.013"
x2="-27.893"
y1="644.294"
y2="626.174"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M480 106.667H256v-32c0-17.643-14.357-32-32-32h-32v-32C192 4.779 187.221 0 181.333 0H74.667C68.779 0 64 4.779 64 10.667v32H32c-17.643 0-32 14.357-32 32v362.667c0 17.643 14.357 32 32 32h32v32C64 507.221 68.779 512 74.667 512h106.667c5.888 0 10.667-4.779 10.667-10.667v-32h32c17.643 0 32-14.357 32-32v-32h160c17.643 0 32-14.357 32-32v-64c0-5.888 4.779-10.667 10.667-10.667H480c17.643 0 32-14.357 32-32v-128c0-17.642-14.357-31.999-32-31.999zM85.333 21.333h85.333v21.333H85.333V21.333zM32 64h192c5.888 0 10.667 4.779 10.667 10.667v32H21.333v-32C21.333 68.779 26.112 64 32 64zm-10.667 64h213.333v256H21.333V128zm149.334 362.667H85.333v-21.333h85.333v21.333zm64-53.334c0 5.888-4.779 10.667-10.667 10.667H32c-5.888 0-10.667-4.779-10.667-10.667v-32h213.333v32zm256-170.666c0 5.888-4.779 10.667-10.667 10.667h-21.333c-17.643 0-32 14.357-32 32v64c0 5.888-4.779 10.667-10.667 10.667H256V128h224c5.888 0 10.667 4.779 10.667 10.667v128z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-33.057"
x2="-31.35"
y1="631.838"
y2="630.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M309.333 298.667c-5.888 0-10.667 4.779-10.667 10.667V352c0 5.888 4.779 10.667 10.667 10.667S320 357.888 320 352v-42.667c0-5.888-4.779-10.666-10.667-10.666z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-31.057"
x2="-29.35"
y1="631.838"
y2="630.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M352 298.667c-5.888 0-10.667 4.779-10.667 10.667V352c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667v-42.667c0-5.888-4.779-10.666-10.667-10.666z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-29.057"
x2="-27.35"
y1="631.838"
y2="630.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M394.667 298.667c-5.888 0-10.667 4.779-10.667 10.667V352c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667v-42.667c-.001-5.888-4.779-10.666-10.667-10.666z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-33.057"
x2="-31.35"
y1="638.838"
y2="637.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M309.333 149.333c-5.888 0-10.667 4.779-10.667 10.667v42.667c0 5.888 4.779 10.667 10.667 10.667S320 208.555 320 202.667V160c0-5.888-4.779-10.667-10.667-10.667z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-31.057"
x2="-29.35"
y1="638.838"
y2="637.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M352 149.333c-5.888 0-10.667 4.779-10.667 10.667v42.667c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V160c0-5.888-4.779-10.667-10.667-10.667z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-29.057"
x2="-27.35"
y1="638.838"
y2="637.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M394.667 149.333c-5.888 0-10.667 4.779-10.667 10.667v42.667c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V160c-.001-5.888-4.779-10.667-10.667-10.667z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-27.057"
x2="-25.35"
y1="638.838"
y2="637.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M437.333 149.333c-5.888 0-10.667 4.779-10.667 10.667v42.667c0 5.888 4.779 10.667 10.667 10.667S448 208.555 448 202.667V160c0-5.888-4.779-10.667-10.667-10.667z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category