Add icons to this collection by clicking the heart icon.
Note Paper icon - also known as education, write, file, document, paper, Post it, and note paper. 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 64 64"
>
<linearGradient
id="b"
x1="8"
x2="8"
y1="12"
y2="4"
gradientTransform="rotate(180 8 8)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e8eef9" />
<stop offset="1" stop-color="#b8cce2" />
</linearGradient>
<linearGradient
id="c"
x1="5.707"
x2="55.707"
y1="6.293"
y2="56.293"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e8eef9" />
<stop offset=".334" stop-color="#e5ecf8" />
<stop offset=".59" stop-color="#dbe5f3" />
<stop offset=".819" stop-color="#cbd9eb" />
<stop offset="1" stop-color="#b8cce2" />
</linearGradient>
<linearGradient
id="d"
x1="38"
x2="38"
y1="60"
y2="52"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8cce2" />
<stop offset=".9" stop-color="#e8eef9" />
</linearGradient>
<linearGradient
id="a"
x1="25"
x2="39"
y1="9.5"
y2="9.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#646464" />
<stop offset="1" stop-color="#3c3c3c" />
</linearGradient>
<linearGradient id="e" x1="17" x2="47" y1="14.714" y2="14.714" href="#a" />
<linearGradient id="f" x1="17" x2="47" y1="19.929" y2="19.929" href="#a" />
<linearGradient id="g" x1="17" x2="47" y1="25.143" y2="25.143" href="#a" />
<linearGradient id="h" x1="17" x2="47" y1="30.357" y2="30.357" href="#a" />
<linearGradient
id="i"
x1="17"
x2="36.5"
y1="35.571"
y2="35.571"
href="#a"
/>
<linearGradient
id="j"
x1="17"
x2="36.5"
y1="40.786"
y2="40.786"
href="#a"
/>
<linearGradient
id="k"
x1="28.25"
x2="28.25"
y1="46.5"
y2="45.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3c3c3c" />
<stop offset="1" stop-color="#646464" />
</linearGradient>
<linearGradient
id="l"
x1="47.036"
x2="52.232"
y1="26.313"
y2="29.313"
gradientTransform="rotate(-30 49.632 27.815)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eb5d62" />
<stop offset=".4" stop-color="#ea7e84" />
<stop offset="1" stop-color="#dc2832" />
</linearGradient>
<linearGradient
id="m"
x1="209.536"
x2="214.732"
y1="-255.145"
y2="-252.145"
gradientTransform="matrix(.866 -.019 .5 .033 -1.007 29.516)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f5d000" />
<stop offset=".316" stop-color="#f9e366" />
<stop offset=".455" stop-color="#f9e363" />
<stop offset=".539" stop-color="#f9e15b" />
<stop offset=".608" stop-color="#f8de4d" />
<stop offset=".669" stop-color="#f7db39" />
<stop offset=".725" stop-color="#f6d61f" />
<stop offset=".774" stop-color="#f5d000" />
</linearGradient>
<radialGradient
id="n"
cx="56.438"
cy="14.474"
r="3.055"
gradientTransform="rotate(-30 57.133 14.826)"
href="#b"
/>
<linearGradient
id="o"
x1="38.536"
x2="43.732"
y1="41.036"
y2="44.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faca76" />
<stop offset=".311" stop-color="#ffd5a3" />
<stop offset="1" stop-color="#f0b15c" />
</linearGradient>
<linearGradient
id="p"
x1="39.134"
x2="41.482"
y1="44.5"
y2="44.5"
href="#a"
/>
<path
fill="url(#b)"
d="M4 4h8v4a4 4 0 0 1-4 4H4V4z"
transform="rotate(180 8 8)"
/>
<path
fill="url(#c)"
d="M8 4h38a6 6 0 0 1 6 6v50H16a4 4 0 0 1-4-4V8a4 4 0 0 0-4-4z"
/>
<path fill="url(#d)" d="M20 52h40v4a4 4 0 0 1-4 4H16a4 4 0 0 0 4-4z" />
<path fill="url(#a)" d="M38.5 10h-13a.5.5 0 0 1 0-1h13a.5.5 0 0 1 0 1z" />
<path
fill="url(#e)"
d="M46.5 15.214h-29a.5.5 0 0 1 0-1h29a.5.5 0 0 1 0 1z"
/>
<path
fill="url(#f)"
d="M46.5 20.429h-29a.5.5 0 0 1 0-1h29a.5.5 0 0 1 0 1z"
/>
<path
fill="url(#g)"
d="M46.5 25.643h-29a.5.5 0 0 1 0-1h29a.5.5 0 0 1 0 1z"
/>
<path
fill="url(#h)"
d="M46.5 30.857h-29a.5.5 0 0 1 0-1h29a.5.5 0 0 1 0 1z"
/>
<path
fill="url(#i)"
d="M36 36.071H17.5a.5.5 0 0 1 0-1H36a.5.5 0 0 1 0 1z"
/>
<path
fill="url(#j)"
d="M36 41.286H17.5a.5.5 0 0 1 0-1H36a.5.5 0 0 1 0 1z"
/>
<path fill="url(#k)" d="M39 46.5H17.5a.5.5 0 0 1 0-1H39a.5.5 0 0 1 0 1z" />
<path
fill="url(#l)"
d="M46.634 14.813h6v26h-6z"
transform="rotate(30 49.635 27.81)"
/>
<path
fill="url(#m)"
d="M52.884 16.488h6v1h-6z"
transform="rotate(30 55.884 16.985)"
/>
<path
fill="url(#n)"
d="M56.134 12.823h2a2 2 0 0 1 2 2v2h-6v-2a2 2 0 0 1 2-2z"
transform="rotate(30 57.134 14.82)"
/>
<path fill="url(#o)" d="m39.134 46 1.402-8.428 5.196 3z" />
<path fill="url(#p)" d="m39.134 46 .499-3 1.849 1.068z" />
</svg>
More icons in the same style and category