Add icons to this collection by clicking the heart icon.
Notes icon - also known as education, study, write, notebook, notes, pencil, and planning. 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 512 512"
>
<linearGradient id="a">
<stop offset=".017" stop-color="#ccc" />
<stop offset="1" stop-color="#f2f2f2" />
</linearGradient>
<linearGradient
id="d"
x1="196.959"
x2="196.959"
y1="502.544"
y2="9.456"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#41262f" />
<stop offset="1" stop-color="#422730" />
<stop offset="1" stop-color="#543843" />
</linearGradient>
<linearGradient
id="e"
x1="253.828"
x2="253.828"
y1="93.447"
y2="82.71"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="241.944"
x2="241.944"
y1="137.946"
y2="127.209"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="253.828"
x2="253.828"
y1="201.42"
y2="190.684"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="232.313"
x2="232.313"
y1="245.92"
y2="235.183"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="204.839"
x2="204.839"
y1="309.392"
y2="298.655"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="194.199"
x2="194.199"
y1="353.891"
y2="343.154"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="253.828"
x2="253.828"
y1="417.365"
y2="406.628"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="241.944"
x2="241.944"
y1="461.864"
y2="451.127"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f79808" />
<stop offset="1" stop-color="#edbb0b" />
</linearGradient>
<linearGradient
id="m"
x1="349.401"
x2="349.401"
y1="411.996"
y2="115.552"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="249.899"
x2="249.899"
y1="411.996"
y2="331.367"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="479.218"
x2="479.218"
y1="150.752"
y2="91.794"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="99.641"
x2="99.641"
y1="141.268"
y2="79.39"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0969db" />
<stop offset="1" stop-color="#4f8aff" />
</linearGradient>
<linearGradient
id="q"
x1="99.641"
x2="99.641"
y1="249.24"
y2="187.362"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="99.641"
x2="99.641"
y1="357.212"
y2="295.335"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#20c59d" />
<stop offset=".31" stop-color="#38ce8c" />
<stop offset=".963" stop-color="#75e461" />
<stop offset="1" stop-color="#79e55e" />
</linearGradient>
<linearGradient
id="s"
x1="99.641"
x2="99.641"
y1="465.185"
y2="403.307"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="420.055"
x2="420.055"
y1="239.663"
y2="131.598"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#d)"
d="M390.222 68.67v90.619L231.209 331.346l-20.615 68.232c-2.362 7.676 5.207 14.656 12.669 11.757l66.407-25.983 100.551-108.764v166.796c0 32.694-26.467 59.16-59.214 59.16H62.856c-32.693 0-59.16-26.466-59.16-59.16V68.67c0-32.693 26.466-59.214 59.16-59.214h268.152c32.747 0 59.214 26.52 59.214 59.214z"
/>
<path
fill="url(#e)"
d="M325.141 93.447H182.516c-2.967 0-5.368-2.404-5.368-5.368s2.401-5.368 5.368-5.368h142.625c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
/>
<path
fill="url(#f)"
d="M301.371 137.946H182.516a5.367 5.367 0 0 1-5.368-5.368 5.366 5.366 0 0 1 5.368-5.368h118.855c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
/>
<path
fill="url(#g)"
d="M325.141 201.42H182.516c-2.967 0-5.368-2.404-5.368-5.368s2.401-5.368 5.368-5.368h142.625c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
/>
<path
fill="url(#h)"
d="M282.11 245.919h-99.593a5.367 5.367 0 0 1-5.368-5.368 5.366 5.366 0 0 1 5.368-5.368h99.593a5.367 5.367 0 0 1 5.368 5.368 5.366 5.366 0 0 1-5.368 5.368z"
/>
<path
fill="url(#i)"
d="M227.162 309.391h-44.646a5.367 5.367 0 0 1-5.368-5.368 5.366 5.366 0 0 1 5.368-5.368h44.646a5.367 5.367 0 0 1 5.368 5.368 5.366 5.366 0 0 1-5.368 5.368z"
/>
<path
fill="url(#j)"
d="M205.882 353.891h-23.366c-2.967 0-5.368-2.404-5.368-5.368s2.401-5.368 5.368-5.368h23.366c2.967 0 5.368 2.404 5.368 5.368s-2.4 5.368-5.368 5.368z"
/>
<path
fill="url(#k)"
d="M325.141 417.365H182.516a5.367 5.367 0 0 1-5.368-5.368 5.366 5.366 0 0 1 5.368-5.368h142.625c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
/>
<path
fill="url(#l)"
d="M301.371 461.864H182.516c-2.967 0-5.368-2.404-5.368-5.368s2.401-5.368 5.368-5.368h118.855c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
/>
<path
fill="url(#m)"
d="M485.058 173.941 289.652 385.399l-66.363 25.917c-7.481 2.922-15.04-4.063-12.716-11.751l20.608-68.199 195.405-211.459c5.081-5.498 13.656-5.836 19.154-.756l38.562 35.634c5.498 5.082 5.836 13.658.756 19.156z"
/>
<path
fill="url(#n)"
d="m289.652 385.399-66.363 25.917c-7.481 2.922-15.04-4.063-12.716-11.751l20.608-68.199z"
/>
<path
fill="url(#o)"
d="m502.958 125.79-12.133 13.152-10.898 11.81-29.795-27.539 10.951-11.811 12.079-13.099c7.256-7.98 20.138-8.933 28.614-1.127 8.215 7.569 8.752 20.453 1.182 28.614z"
/>
<path
fill="url(#p)"
d="M130.551 91.869v36.919c0 6.876-5.605 12.48-12.48 12.48h-36.86c-6.876 0-12.48-5.604-12.48-12.48V91.869c0-6.875 5.604-12.479 12.48-12.479h36.861c6.875 0 12.479 5.604 12.479 12.479z"
/>
<path
fill="url(#q)"
d="M130.551 199.841v36.919c0 6.876-5.605 12.48-12.48 12.48h-36.86c-6.876 0-12.48-5.604-12.48-12.48v-36.919c0-6.875 5.604-12.479 12.48-12.479h36.861c6.875 0 12.479 5.604 12.479 12.479z"
/>
<path
fill="url(#r)"
d="M130.551 307.814v36.919c0 6.876-5.605 12.48-12.48 12.48h-36.86c-6.876 0-12.48-5.604-12.48-12.48v-36.919c0-6.875 5.604-12.479 12.48-12.479h36.861c6.875 0 12.479 5.604 12.479 12.479z"
/>
<path
fill="url(#s)"
d="M130.551 415.786v36.919c0 6.876-5.605 12.48-12.48 12.48h-36.86c-6.876 0-12.48-5.604-12.48-12.48v-36.919c0-6.875 5.604-12.479 12.48-12.479h36.861c6.875 0 12.479 5.604 12.479 12.479z"
/>
<path
fill="url(#t)"
d="M371.443 238.236a5.369 5.369 0 0 1-.299-7.586l89.937-97.326a5.364 5.364 0 0 1 7.586-.299 5.369 5.369 0 0 1 .299 7.586l-89.937 97.326a5.367 5.367 0 0 1-7.586.299z"
/>
</svg>
More icons in the same style and category