Add icons to this collection by clicking the heart icon.
Roll icon - also known as photo, photography, entertainment, roll, cinema, movie, reel, and flim. 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 24 24"
>
<linearGradient
id="b"
x1="3"
x2="21"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#091353" />
<stop offset="1" stop-color="#2b3990" />
</linearGradient>
<linearGradient
id="a"
x1="6.089"
x2="12.839"
y1="5.233"
y2="17.822"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b2f9fc" />
<stop offset="1" stop-color="#27aae1" />
</linearGradient>
<linearGradient
id="c"
x1="4.839"
x2="11.589"
y1="5.903"
y2="18.492"
href="#a"
/>
<linearGradient
id="d"
x1="3.59"
x2="10.34"
y1="6.573"
y2="19.162"
href="#a"
/>
<linearGradient
id="e"
x1="2.341"
x2="9.091"
y1="7.243"
y2="19.832"
href="#a"
/>
<linearGradient
id="f"
x1="1.091"
x2="7.841"
y1="7.913"
y2="20.502"
href="#a"
/>
<linearGradient
id="g"
x1="14.633"
x2="21.383"
y1=".652"
y2="13.241"
href="#a"
/>
<linearGradient
id="h"
x1="13.383"
x2="20.133"
y1="1.322"
y2="13.911"
href="#a"
/>
<linearGradient
id="i"
x1="12.134"
x2="18.884"
y1="1.992"
y2="14.581"
href="#a"
/>
<linearGradient
id="j"
x1="10.885"
x2="17.635"
y1="2.662"
y2="15.251"
href="#a"
/>
<linearGradient
id="k"
x1="9.635"
x2="16.385"
y1="3.332"
y2="15.921"
href="#a"
/>
<g>
<path
fill="url(#b)"
d="M20 2h-5a1 1 0 0 0-1 1v2h-4V3a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-2h4v2a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm-6 5v4h-4V7zm-4 10v-4h4v4z"
/>
<path fill="url(#a)" d="M8 6.5H5a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1z" />
<path fill="url(#c)" d="M8 9.5H5a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1z" />
<path fill="url(#d)" d="M8 12.5H5a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1z" />
<path fill="url(#e)" d="M8 15.5H5a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1z" />
<path fill="url(#f)" d="M8 18.5H5a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1z" />
<path fill="url(#g)" d="M19 6.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1z" />
<path fill="url(#h)" d="M19 9.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1z" />
<path fill="url(#i)" d="M19 12.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1z" />
<path fill="url(#j)" d="M19 15.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1z" />
<path fill="url(#k)" d="M19 18.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1z" />
</g>
</svg>
More icons in the same style and category