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 outline color 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"
/>
<path fill="url(#h)" d="M47 7v6c-2.21 0-4-2.69-4-6z" />
<path fill="#f2a961" d="M57 14h6v2h-6z" />
<path
d="M61 2h-2a3 3 0 0 0-3 3v50c0 .34-.15-.06 3.11 6.45a1 1 0 0 0 1.78 0C64.15 55 64 55.34 64 55V5a3 3 0 0 0-3-3zm-1.86 55.05-.89-1.79a6 6 0 0 1 3.5 0l-.89 1.79a8.24 8.24 0 0 0-1.72 0zM62 13h-4v-2h4zm-4 40.27V15h4v38.27a8 8 0 0 0-4 0zM58 5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4h-4zM47 0H5c-6.09 0-6.81 12.27-1 13.86V63a1 1 0 0 0 1 1h42a1 1 0 0 0 1-1V52h3a1 1 0 0 0 1-1V7c0-3.93-2.2-7-5-7zM2 7c0-2.71 1.37-5 3-5h38.47a9.24 9.24 0 0 0 0 10H5c-1.63 0-3-2.29-3-5zm44 4.68A5 5 0 0 1 44.06 8H46zM46 62H6V14h40zm4-12h-2V7a1 1 0 0 0-1-1h-2.94c.29-2.25 1.52-4 2.94-4 1.63 0 3 2.29 3 5z"
/>
<path
d="M41 22H11a1 1 0 0 0 0 2h30a1 1 0 0 0 0-2zM41 28H24a1 1 0 0 0 0 2h17a1 1 0 0 0 0-2zM11 30h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2zM41 34h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2zM11 36h20a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2zM41 40H20a1 1 0 0 0 0 2h21a1 1 0 0 0 0-2zM11 42h5a1 1 0 0 0 0-2h-5a1 1 0 0 0 0 2zM41 46h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM11 48h25a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2zM41 52H28a1 1 0 0 0 0 2h13a1 1 0 0 0 0-2zM24 52H11a1 1 0 0 0 0 2h13a1 1 0 0 0 0-2z"
/>
</svg>
More icons in the same style and category