Add icons to this collection by clicking the heart icon.
Scroll icon - also known as document, sheet, paper, scroll, files and folders, and parchment. Created in a clean color 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"
x1="207.381"
x2="396.372"
y1="195.419"
y2="430.907"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fef0ae" />
<stop offset="1" stop-color="#fed402" />
</linearGradient>
<linearGradient
id="d"
x1="256"
x2="256"
y1="376"
y2="55.312"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fef0ae" stop-opacity="0" />
<stop offset="1" stop-color="#fe9738" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="46.68"
y2="82.603"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e5caf3" />
<stop offset="1" stop-color="#bd80e1" />
</linearGradient>
<linearGradient
id="e"
x1="256"
x2="256"
y1="30.238"
y2="109.021"
href="#a"
/>
<linearGradient
id="f"
x1="256"
x2="256"
y1="437.758"
y2="473.68"
href="#b"
/>
<linearGradient
id="g"
x1="256"
x2="256"
y1="440.298"
y2="498.289"
href="#a"
/>
<linearGradient
id="h"
x1="381.611"
x2="381.611"
y1="114.163"
y2="219.771"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3dafe" />
<stop offset="1" stop-color="#7bacdf" />
</linearGradient>
<linearGradient
id="i"
x1="431.939"
x2="431.939"
y1="334.35"
y2="439.959"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feaee1" />
<stop offset="1" stop-color="#fe5694" />
</linearGradient>
<linearGradient
id="j"
x1="80.061"
x2="80.061"
y1="248.258"
y2="353.866"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aeffd1" />
<stop offset="1" stop-color="#22b27f" />
</linearGradient>
<linearGradient
id="c"
x1="234.564"
x2="374.279"
y1="199.014"
y2="199.014"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5a5a5a" />
<stop offset="1" stop-color="#444" />
</linearGradient>
<linearGradient
id="k"
x1="137.721"
x2="190.052"
y1="199.014"
y2="199.014"
href="#c"
/>
<linearGradient
id="l"
x1="201.8"
x2="226.898"
y1="199.014"
y2="199.014"
href="#c"
/>
<linearGradient
id="m"
x1="137.721"
x2="277.436"
y1="236.749"
y2="236.749"
href="#c"
/>
<linearGradient
id="n"
x1="321.948"
x2="374.279"
y1="236.749"
y2="236.749"
href="#c"
/>
<linearGradient
id="o"
x1="285.102"
x2="310.2"
y1="236.749"
y2="236.749"
href="#c"
/>
<linearGradient
id="p"
x1="234.564"
x2="374.279"
y1="275.251"
y2="275.251"
href="#c"
/>
<linearGradient
id="q"
x1="137.721"
x2="190.052"
y1="275.251"
y2="275.251"
href="#c"
/>
<linearGradient
id="r"
x1="201.8"
x2="226.898"
y1="275.251"
y2="275.251"
href="#c"
/>
<linearGradient
id="s"
x1="137.721"
x2="277.436"
y1="312.986"
y2="312.986"
href="#c"
/>
<linearGradient
id="t"
x1="285.102"
x2="310.2"
y1="312.986"
y2="312.986"
href="#c"
/>
<g>
<path fill="url(#a)" d="M98.637 78.207h314.726v355.586H98.637z" />
<path
fill="url(#d)"
d="M413.363 78.207H98.637v41.715l313.871 313.871h.855z"
/>
<rect
width="439.919"
height="54.225"
x="36.04"
y="33.349"
fill="url(#b)"
rx="27.112"
/>
<rect
width="368.026"
height="118.922"
x="71.987"
y="1"
fill="url(#e)"
rx="22.837"
/>
<rect
width="439.919"
height="54.225"
x="36.04"
y="424.426"
fill="url(#f)"
rx="27.112"
/>
<rect
width="368.026"
height="118.922"
x="71.987"
y="392.078"
fill="url(#g)"
rx="22.837"
/>
<path
fill="url(#h)"
d="M379.084 193.822a96.291 96.291 0 0 0-46.144-44.1 2.836 2.836 0 0 1 0-5.159 96.291 96.291 0 0 0 46.144-44.1 2.832 2.832 0 0 1 5.054 0 96.286 96.286 0 0 0 46.144 44.1 2.836 2.836 0 0 1 0 5.159 96.286 96.286 0 0 0-46.144 44.1 2.832 2.832 0 0 1-5.054 0z"
/>
<path
fill="url(#i)"
d="M429.413 414.009a96.3 96.3 0 0 0-46.144-44.1 2.835 2.835 0 0 1 0-5.159 96.3 96.3 0 0 0 46.144-44.1 2.831 2.831 0 0 1 5.053 0 96.3 96.3 0 0 0 46.144 44.1 2.835 2.835 0 0 1 0 5.159 96.3 96.3 0 0 0-46.144 44.1 2.831 2.831 0 0 1-5.053 0z"
/>
<path
fill="url(#j)"
d="M77.534 327.917a96.3 96.3 0 0 0-46.144-44.1 2.835 2.835 0 0 1 0-5.159 96.3 96.3 0 0 0 46.144-44.1 2.831 2.831 0 0 1 5.053 0 96.3 96.3 0 0 0 46.144 44.1 2.835 2.835 0 0 1 0 5.159 96.3 96.3 0 0 0-46.144 44.1 2.831 2.831 0 0 1-5.053 0z"
/>
<path
fill="url(#c)"
d="M366.269 191H242.574a8.01 8.01 0 0 0 0 16.02h123.7a8.01 8.01 0 0 0 0-16.02z"
/>
<path
fill="url(#k)"
d="M145.731 207.024h36.311a8.01 8.01 0 0 0 0-16.02h-36.311a8.01 8.01 0 1 0 0 16.02z"
/>
<path
fill="url(#l)"
d="M201.8 199.014a8.01 8.01 0 0 0 8.01 8.01h9.078a8.01 8.01 0 0 0 0-16.02h-9.078a8.01 8.01 0 0 0-8.01 8.01z"
/>
<path
fill="url(#m)"
d="M269.426 228.739H145.731a8.01 8.01 0 0 0 0 16.02h123.7a8.01 8.01 0 0 0 0-16.02z"
/>
<path
fill="url(#n)"
d="M366.269 228.739h-36.311a8.01 8.01 0 0 0 0 16.02h36.311a8.01 8.01 0 0 0 0-16.02z"
/>
<path
fill="url(#o)"
d="M302.19 228.739h-9.078a8.01 8.01 0 0 0 0 16.02h9.078a8.01 8.01 0 0 0 0-16.02z"
/>
<path
fill="url(#p)"
d="M366.269 267.241H242.574a8.01 8.01 0 0 0 0 16.02h123.7a8.01 8.01 0 0 0 0-16.02z"
/>
<path
fill="url(#q)"
d="M145.731 283.261h36.311a8.01 8.01 0 0 0 0-16.02h-36.311a8.01 8.01 0 1 0 0 16.02z"
/>
<path
fill="url(#r)"
d="M201.8 275.251a8.01 8.01 0 0 0 8.01 8.01h9.078a8.01 8.01 0 0 0 0-16.02h-9.078a8.01 8.01 0 0 0-8.01 8.01z"
/>
<path
fill="url(#s)"
d="M269.426 304.976H145.731a8.01 8.01 0 0 0 0 16.02h123.7a8.01 8.01 0 1 0 0-16.02z"
/>
<path
fill="url(#t)"
d="M302.19 304.976h-9.078a8.01 8.01 0 0 0 0 16.02h9.078a8.01 8.01 0 0 0 0-16.02z"
/>
</g>
</svg>
More icons in the same style and category