Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, study, notebook, school, university, college, pencil, workbook, exercise, learning, academic, and spring notebook. 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="a"
x1="27"
x2="27"
y1="63"
y2="1"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9a254" />
<stop offset="1" stop-color="#f4bb79" />
</linearGradient>
<linearGradient id="c" x1="60" x2="60" y1="61" y2="3" href="#a" />
<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="f"
x1="6"
x2="6"
y1="63"
y2="1"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#474f72" />
<stop offset="1" stop-color="#878c9f" />
</linearGradient>
<linearGradient id="g" x1="1.01" x2="6.99" y1="32" y2="32" href="#b" />
<linearGradient id="h" x1="1.01" x2="6.99" y1="38" y2="38" href="#b" />
<linearGradient id="i" x1="1.01" x2="6.99" y1="44" y2="44" href="#b" />
<linearGradient id="j" x1="1.01" x2="6.99" y1="50" y2="50" href="#b" />
<linearGradient id="k" x1="1.01" x2="6.99" y1="56" y2="56" href="#b" />
<linearGradient id="l" x1="1.01" x2="6.99" y1="8" y2="8" href="#b" />
<linearGradient id="m" x1="1.01" x2="6.99" y1="14" y2="14" href="#b" />
<linearGradient id="n" x1="1.01" x2="6.99" y1="20" y2="20" href="#b" />
<linearGradient id="o" x1="1.01" x2="6.99" y1="26" y2="26" href="#b" />
<linearGradient
id="p"
x1="30"
x2="30"
y1="26"
y2="8"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4d8e1" />
<stop offset="1" stop-color="#f3f4f5" />
</linearGradient>
<rect width="48" height="62" x="3" y="1" fill="url(#a)" rx="2" />
<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(#f)" d="M9 1v62H5a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z" />
<path fill="url(#g)" d="M6 33H2a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#h)" d="M6 39H2a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#i)" d="M6 45H2a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#j)" d="M6 51H2a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#k)" d="M6 57H2a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#l)" d="M6 9H2a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#m)" d="M6 15H2a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#n)" d="M6 21H2a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#o)" d="M6 27H2a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#p)" d="M15 8h30v18H15z" />
<path fill="#c7cdd8" d="M15 23h30v3H15z" />
<g fill="#dd8b37">
<path
d="M42 39H18a1 1 0 0 1 0-2h24a1 1 0 0 1 0 2zM42 45H18a1 1 0 0 1 0-2h24a1 1 0 0 1 0 2zM51 58v3a2 2 0 0 1-2 2H9v-3h40a2 2 0 0 0 2-2z"
/>
</g>
<path fill="#42455e" d="M9 60v3H5a2 2 0 0 1-2-2v-3a2 2 0 0 0 2 2z" />
</svg>
More icons in the same style and category