Add icons to this collection by clicking the heart icon.
Notes icon - also known as education, study, school, university, college, notes, pencil, exercise, learning, academic, and notepad. Created in a clean flat gradient style with a silver, gray, and orange finish, 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="c"
x1="60"
x2="60"
y1="61"
y2="3"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9a254" />
<stop offset="1" stop-color="#f4bb79" />
</linearGradient>
<linearGradient
id="d"
x1="56.98"
x2="63.02"
y1="57.5"
y2="57.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d1a788" />
<stop offset="1" stop-color="#f2d3b8" />
</linearGradient>
<linearGradient
id="e"
x1="60"
x2="60"
y1="10"
y2="3"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d96bb0" />
<stop offset="1" stop-color="#e49fc6" />
</linearGradient>
<linearGradient
id="b"
x1="57"
x2="63"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#949aaf" />
<stop offset="1" stop-color="#c6ccda" />
</linearGradient>
<linearGradient
id="a"
x1="24"
x2="24"
y1="13"
y2="1"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4d8e1" />
<stop offset="1" stop-color="#f3f4f5" />
</linearGradient>
<linearGradient id="f" x1="26" x2="26" y1="63" y2="13" href="#a" />
<linearGradient id="g" x1="43" x2="51" y1="26" y2="26" href="#b" />
<linearGradient id="h" x1="45" x2="45" y1="13" y2="7" href="#c" />
<path
fill="url(#c)"
d="M63 5v50l-3 6-3-6V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2z"
/>
<path
fill="url(#d)"
d="M63 54.68c0 .45.41-.51-3 6.32-3.43-6.87-3-5.87-3-6.32a6.93 6.93 0 0 1 6 0z"
/>
<path
fill="#42455e"
d="M61.43 58.14 60 61l-1.43-2.86a7.44 7.44 0 0 1 2.86 0z"
/>
<path fill="url(#e)" d="M59 3h2a2 2 0 0 1 2 2v5h-6V5a2 2 0 0 1 2-2z" />
<path fill="url(#b)" d="M57 10h6v4h-6z" />
<path fill="#f2a961" d="M57 14h6v2h-6z" />
<path fill="url(#a)" d="M5 13c-2.21 0-4-2.69-4-6s1.79-6 4-6h42v12z" />
<path
fill="#c7cdd8"
d="M47 10v3H5C2.09 13 .52 8.76 1.13 5.5 1.57 8.08 3.14 10 5 10z"
/>
<path
fill="url(#c)"
d="M63 5v50l-3 6-3-6V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2z"
/>
<path
fill="url(#d)"
d="M63 54.68c0 .45.41-.51-3 6.32-3.43-6.87-3-5.87-3-6.32a6.93 6.93 0 0 1 6 0z"
/>
<path
fill="#42455e"
d="M61.43 58.14 60 61l-1.43-2.86a7.44 7.44 0 0 1 2.86 0z"
/>
<path fill="url(#e)" d="M59 3h2a2 2 0 0 1 2 2v5h-6V5a2 2 0 0 1 2-2z" />
<path fill="url(#b)" d="M57 10h6v4h-6z" />
<path fill="url(#f)" d="M5 13h42v50H5z" />
<path fill="#c7cdd8" d="M5 60h42v3H5z" />
<path
fill="url(#g)"
d="M51 7v44h-4V13c-2.21 0-4-2.69-4-6s1.79-6 4-6 4 2.69 4 6z"
/>
<g fill="#9ca0ad">
<path
d="M41 24H11a1 1 0 0 1 0-2h30a1 1 0 0 1 0 2zM41 30H24a1 1 0 0 1 0-2h17a1 1 0 0 1 0 2zM20 30h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM41 36h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM31 36H11a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2zM41 42H20a1 1 0 0 1 0-2h21a1 1 0 0 1 0 2zM16 42h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM41 48h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2zM36 48H11a1 1 0 0 1 0-2h25a1 1 0 0 1 0 2zM41 54H28a1 1 0 0 1 0-2h13a1 1 0 0 1 0 2zM24 54H11a1 1 0 0 1 0-2h13a1 1 0 0 1 0 2z"
/>
</g>
<path fill="url(#h)" d="M47 7v6c-2.21 0-4-2.69-4-6z" />
<path fill="#f2a961" d="M57 14h6v2h-6z" />
</svg>
More icons in the same style and category