Add icons to this collection by clicking the heart icon.
Notes icon - also known as document, notes, pencil, paper, pen, edit, contract, essay, and files and folders. 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 128 128"
>
<linearGradient
id="c"
x1="4.402"
x2="78.009"
y1="64"
y2="64"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#62f1cd" />
<stop offset="1" stop-color="#0ff" />
</linearGradient>
<linearGradient
id="a"
x1="102.589"
x2="123.598"
y1="16.157"
y2="16.157"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#183c54" />
<stop offset="1" stop-color="#3a6a84" />
</linearGradient>
<linearGradient
id="d"
x1="48.672"
x2="112.386"
y1="48.573"
y2="48.573"
href="#a"
/>
<linearGradient
id="e"
x1="39.231"
x2="58.156"
y1="80.63"
y2="80.63"
href="#a"
/>
<linearGradient
id="b"
x1="15.438"
x2="67.367"
y1="25.821"
y2="25.821"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d9fcf1" />
<stop offset=".981" stop-color="#fff" />
</linearGradient>
<linearGradient id="f" x1="15.902" x2="34.402" y1="59" y2="59" href="#b" />
<linearGradient id="g" x1="15.902" x2="41.402" y1="69" y2="69" href="#b" />
<linearGradient id="h" x1="15.902" x2="32.34" y1="79" y2="79" href="#b" />
<linearGradient id="i" x1="15.902" x2="35.402" y1="89" y2="89" href="#b" />
<linearGradient id="j" x1="15.902" x2="64.402" y1="99" y2="99" href="#b" />
<linearGradient
id="k"
x1="15.902"
x2="66.902"
y1="109"
y2="109"
href="#b"
/>
<g>
<path
fill="url(#c)"
d="M76.01 5H6.401a2 2 0 0 0-2 2v114a2 2 0 0 0 2 2h69.607a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z"
/>
<path
fill="url(#a)"
d="M123.598 14.59a8.985 8.985 0 0 0-2.644-6.272c-.122-.122-.251-.23-.377-.343a8.856 8.856 0 0 0-12.157.193l-5.83 5.806 6.076 6.102 6.554 6.582 5.83-5.806a8.63 8.63 0 0 0 2.548-6.261z"
/>
<path
fill="url(#d)"
d="m99.755 16.796-51.083 50.87 6.613 6.641 6.018 6.043 51.083-50.87-6.526-6.554z"
/>
<path
fill="url(#e)"
d="m46.184 70.836-6.808 16.84a2 2 0 0 0 .473 2.195c.02.02.044.033.065.051a1.984 1.984 0 0 0 2.15.32l16.092-7.384-5.677-5.7z"
/>
<path
fill="url(#b)"
d="M65.367 14.071h-47.93a2 2 0 0 0-2 2v19.5a2 2 0 0 0 2 2h47.93a2 2 0 0 0 2-2v-19.5a2 2 0 0 0-2-2z"
/>
<path
fill="url(#f)"
d="M32.402 61h-14.5a2 2 0 0 1 0-4h14.5a2 2 0 0 1 0 4z"
/>
<path
fill="url(#g)"
d="M39.402 71h-21.5a2 2 0 0 1 0-4h21.5a2 2 0 0 1 0 4z"
/>
<path
fill="url(#h)"
d="M30.34 81H17.902a2 2 0 0 1 0-4H30.34a2 2 0 0 1 0 4z"
/>
<path
fill="url(#i)"
d="M33.402 91h-15.5a2 2 0 0 1 0-4h15.5a2 2 0 0 1 0 4z"
/>
<path
fill="url(#j)"
d="M62.402 101h-44.5a2 2 0 0 1 0-4h44.5a2 2 0 0 1 0 4z"
/>
<path
fill="url(#k)"
d="M64.902 111h-47a2 2 0 0 1 0-4h47a2 2 0 0 1 0 4z"
/>
</g>
</svg>
More icons in the same style and category