Add icons to this collection by clicking the heart icon.
Notes icon - also known as business, education, notes, paper, files, documents, Post it, ui, files and folders, and business and finance. 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 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5262e6" />
<stop offset="1" stop-color="#0021b5" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="96.995"
x2="388.165"
y1="268.141"
y2="268.141"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fec000" />
<stop offset=".318" stop-color="#f9bd00" />
<stop offset=".679" stop-color="#ecb300" />
<stop offset="1" stop-color="#d9a600" />
</linearGradient>
<path d="M107.299 103.088H419.51v320.089H107.299z" fill="url(#b)" />
<linearGradient
id="c"
x1="96.995"
x2="388.165"
y1="281.796"
y2="281.796"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe56c" />
<stop offset="1" stop-color="#f2b329" />
</linearGradient>
<path
d="M405.803 88.819H93.591v249.406l70.687 70.686h241.525z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="128.345"
x2="347.605"
y1="368.713"
y2="368.713"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fec000" />
<stop offset=".318" stop-color="#f9bd00" />
<stop offset=".679" stop-color="#ecb300" />
<stop offset="1" stop-color="#d9a600" />
</linearGradient>
<path d="M138.917 144.089h221.567v27.914H138.917z" fill="url(#d)" />
<linearGradient
id="e"
x1="128.345"
x2="347.605"
y1="301.813"
y2="301.813"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fec000" />
<stop offset=".318" stop-color="#f9bd00" />
<stop offset=".679" stop-color="#ecb300" />
<stop offset="1" stop-color="#d9a600" />
</linearGradient>
<path d="M138.917 213.992h221.567v27.914H138.917z" fill="url(#e)" />
<linearGradient
id="f"
x1="128.345"
x2="347.605"
y1="234.903"
y2="234.903"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fec000" />
<stop offset=".318" stop-color="#f9bd00" />
<stop offset=".679" stop-color="#ecb300" />
<stop offset="1" stop-color="#d9a600" />
</linearGradient>
<path d="M138.917 283.905h221.567v27.914H138.917z" fill="url(#f)" />
<path d="M164.278 338.225H93.591l70.687 70.686z" fill="#fff5cb" />
<linearGradient
id="g"
x1="389.414"
x2="420.894"
y1="343.39"
y2="311.9"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#c8c6cc" />
</linearGradient>
<path
d="m432.672 239.53-41.273-41.274 31.436-31.436 41.274 41.274z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="290.016"
x2="321.496"
y1="243.991"
y2="212.501"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff597a" />
<stop offset="1" stop-color="#bd0019" />
</linearGradient>
<path
d="m394.505 195.149-139.899 139.9-21.963 63.236 63.237-21.962 139.899-139.899z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="223.065"
x2="254.555"
y1="177.041"
y2="145.561"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc06b" />
<stop offset="1" stop-color="#e66900" />
</linearGradient>
<path d="m232.643 398.285 63.237-21.962-41.274-41.274z" fill="url(#i)" />
<linearGradient
id="j"
x1="211.627"
x2="243.107"
y1="165.602"
y2="134.113"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#57565c" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path d="m260.382 388.652-18.105-18.105-9.634 27.738z" fill="url(#j)" />
</svg>
More icons in the same style and category