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 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="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="b" x1="60" x2="60" y1="61" y2="3" href="#a" />
<linearGradient
id="c"
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="d"
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="e"
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="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(#b)"
d="M63 5v50l-3 6-3-6V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2z"
/>
<path
fill="url(#c)"
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(#d)" d="M59 3h2a2 2 0 0 1 2 2v5h-6V5a2 2 0 0 1 2-2z" />
<path fill="url(#e)" 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="M15 8h30v18H15z" />
<path fill="#c7cdd8" d="M15 23h30v3H15z" />
<path fill="#dd8b37" d="M51 58v3a2 2 0 0 1-2 2H9v-3h40a2 2 0 0 0 2-2z" />
<path fill="#42455e" d="M9 60v3H5a2 2 0 0 1-2-2v-3a2 2 0 0 0 2 2z" />
<path
d="M49 0H5a3 3 0 0 0-3 3v4H1a1 1 0 0 0 0 2h1v4H1a1 1 0 0 0 0 2h1v4H1a1 1 0 0 0 0 2h1v4H1a1 1 0 0 0 0 2h1v4H1a1 1 0 0 0 0 2h1v4H1a1 1 0 0 0 0 2h1v4H1a1 1 0 0 0 0 2h1v4H1a1 1 0 0 0 0 2h1v4H1a1 1 0 0 0 0 2h1v4a3 3 0 0 0 3 3h44a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3zM5 62a1 1 0 0 1-1-1v-4h2a1 1 0 0 0 0-2H4v-4h2a1 1 0 0 0 0-2H4v-4h2a1 1 0 0 0 0-2H4v-4h2a1 1 0 0 0 0-2H4v-4h2a1 1 0 0 0 0-2H4v-4h2a1 1 0 0 0 0-2H4v-4h2a1 1 0 0 0 0-2H4v-4h2a1 1 0 0 0 0-2H4V9h2a1 1 0 0 0 0-2H4V3a1 1 0 0 1 1-1h3v60zm45-1a1 1 0 0 1-1 1H10V2h39a1 1 0 0 1 1 1z"
/>
<path
d="M45 7H15a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zm-1 18H16V9h28zM42 37H18a1 1 0 0 0 0 2h24a1 1 0 0 0 0-2zM42 43H18a1 1 0 0 0 0 2h24a1 1 0 0 0 0-2zM61 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-4z"
/>
</svg>
More icons in the same style and category