Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, book, notebook, pencil, workbook, student, note, learning, agenda, lecture, and take note. Created in a clean outline color style with a white, silver, gray, black, red, teal, orange, and pink 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"
>
<path
fill="#d18546"
d="M48 53v4a6 6 0 0 1-6 6H10a3.995 3.995 0 0 1-4-4h36a6.009 6.009 0 0 0 6-6z"
/>
<path
fill="#b3b3b3"
d="M11 42a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h6a2 2 0 0 1 2 2z"
/>
<path
fill="#d18546"
d="M46.24 48.24A5.944 5.944 0 0 0 48 44v4a6.009 6.009 0 0 1-6 6H6v-4h36a5.944 5.944 0 0 0 4.24-1.76z"
/>
<path
fill="#c6b2a5"
d="M48 52v1a6.009 6.009 0 0 1-6 6v-5a6.009 6.009 0 0 0 6-6z"
/>
<path fill="#f7e6d5" d="M6 54h36v5H6z" />
<path fill="#4d4d4d" d="M60.53 51.43 58 57l-2.53-5.57z" />
<path fill="#e0cdbd" d="m63 46-2.47 5.43h-5.06L53 46h5z" />
<path fill="#0986cc" d="M58 14h5v32h-5z" />
<path fill="#e54c38" d="M53 14h5v32h-5z" />
<path
fill="#e6e6e6"
d="M63 10v4H53v-3.99A3.013 3.013 0 0 1 56.01 7H60a3 3 0 0 1 3 3z"
/>
<path fill="#fcd088" d="M16 8h26v12H16z" />
<path
fill="#f9bb3d"
d="M37 8v2.962A5.039 5.039 0 0 1 31.962 16H16v4h26V8z"
/>
<path
fill="#b3b3b3"
d="M11 9a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h6a2 2 0 0 1 2 2zM11 20a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h6a2 2 0 0 1 2 2z"
/>
<path
fill="#dd975e"
d="M48 7v37a6.009 6.009 0 0 1-6 6H6v-6h3a2 2 0 0 0 2-2 2 2 0 0 0-2-2H6v-7h3a2 2 0 0 0 2-2 2 2 0 0 0-2-2H6v-7h3a2 2 0 0 0 2-2 2 2 0 0 0-2-2H6v-7h3a2 2 0 0 0 2-2 2 2 0 0 0-2-2H6V5a4 4 0 0 1 4-4h32a6 6 0 0 1 6 6zm-6 13V8H16v12z"
/>
<path
fill="#eaad75"
d="M42 1H10a4 4 0 0 0-4 4v2h.141A3.991 3.991 0 0 1 10 4h32a6 6 0 0 1 6 6V7a6 6 0 0 0-6-6z"
/>
<path
fill="#b3b3b3"
d="M11 31a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h6a2 2 0 0 1 2 2z"
/>
<g fill="#252525">
<path
d="M42 0H10a5.006 5.006 0 0 0-5 5v1H3a3 3 0 0 0 0 6h2v5H3a3 3 0 0 0 0 6h2v5H3a3 3 0 0 0 0 6h2v5H3a3 3 0 0 0 0 6h2v14a4.995 4.995 0 0 0 5 5h32a7.009 7.009 0 0 0 7-7V7a7.009 7.009 0 0 0-7-7zM2 9a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm0 11a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm0 11a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm0 11a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm43.53 14.536A4.912 4.912 0 0 1 43 57.9v-2.978a7.323 7.323 0 0 0 4-2.033V53a4.935 4.935 0 0 1-1.47 3.536zM7 58v-3h34v3zm38.53-6.464A4.93 4.93 0 0 1 42 53H7v-2h35a6.911 6.911 0 0 0 4.9-2.012 4.915 4.915 0 0 1-1.37 2.548zM42 62H10a3.01 3.01 0 0 1-2.118-.872A3.047 3.047 0 0 1 7.184 60H42a6.913 6.913 0 0 0 4.9-2.009A5.007 5.007 0 0 1 42 62zm5-18a5.009 5.009 0 0 1-5 5H7v-4h2a3 3 0 0 0 0-6H7v-5h2a3 3 0 0 0 0-6H7v-5h2a3 3 0 0 0 0-6H7v-5h2a3 3 0 0 0 0-6H7V5a3 3 0 0 1 3-3h32a5.006 5.006 0 0 1 5 5zM60 6h-3.99A4.015 4.015 0 0 0 52 10.01V46a1 1 0 0 0 .089.405v.009l5 11a1 1 0 0 0 1.82 0l5-11v-.008A.981.981 0 0 0 64 46V10a4 4 0 0 0-4-4zm-.112 44.43h-3.776L54.553 47h6.894zM62 15v30h-3V15zm-5 30h-3V15h3zm-.99-37H60a2 2 0 0 1 2 2v3h-8v-2.99A2.011 2.011 0 0 1 56.01 8zM58 54.582l-.979-2.152h1.958z"
/>
<path
d="M42 7H16a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h16a1 1 0 0 0 0-2H17V9h24v10h-4a1 1 0 0 0 0 2h5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zM35 40a1 1 0 0 0 0-2H23a1 1 0 0 0 0 2zM40 43H18a1 1 0 0 0 0 2h22a1 1 0 0 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category