Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, notes, pencil, workbook, pen, planning, and stationery. Created in a clean flat style, 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 512 512"
>
<path
fill="#cbe9fd"
d="M376 77.67v346.66c0 11.97-9.699 21.67-21.67 21.67H146V56h208.33C366.301 56 376 65.7 376 77.67z"
/>
<path
fill="#965e33"
d="M456 31c13.811 0 25 11.19 25 25s-11.189 25-25 25c-13.81 0-25-11.19-25-25s11.19-25 25-25zM46 451c8.28 0 15 6.72 15 15s-6.72 15-15 15c-8.279 0-15-6.72-15-15s6.721-15 15-15z"
/>
<path
fill="#754928"
d="M466 137v14h-60v-14c0-11.6 9.4-21 21-21h18c11.601 0 21 9.4 21 21z"
/>
<circle cx="463.5" cy="443.5" r="7.5" fill="#ce3b0d" />
<path
fill="#754928"
d="M436.109 357.003c-.003-.148-.019-.293-.019-.443v.444l-30.09.456V376l30 60 30-60v-19.45z"
/>
<path
fill="#965e33"
d="M466 151v205.55c0 4.271-1.729 8.13-4.529 10.92a15.36 15.36 0 0 1-10.92 4.53c-8.53 0-14.46-6.92-14.46-15.44v-.109L436 151z"
/>
<path
fill="#bf7d4f"
d="M436.091 356.56v.98c-.051 8-7.551 14.46-15.551 14.46-4.02 0-7.649-1.63-10.279-4.26S406 361.48 406 357.46V151h30l.091 205.45z"
/>
<circle cx="398.5" cy="458.5" r="7.5" fill="#ce3b0d" />
<circle cx="393.5" cy="38.5" r="7.5" fill="#ce3b0d" />
<path
fill="#bf7d4f"
d="M71 101V77.67C71 65.7 80.7 56 92.671 56H146v390H92.671C80.7 446 71 436.3 71 424.33V161z"
/>
<circle cx="103.5" cy="468.5" r="7.5" fill="#ce3b0d" />
<circle cx="38.5" cy="43.5" r="7.5" fill="#ce3b0d" />
<path
fill="#965e33"
d="M91 106H56a5 5 0 0 1 0-10h35a5 5 0 1 1 0 10zM91 166H56a5 5 0 0 1 0-10h35a5 5 0 1 1 0 10zM91 226H56a5 5 0 0 1 0-10h35a5 5 0 1 1 0 10zM91 286H56a5 5 0 1 1 0-10h35c2.762 0 5 2.238 5 5s-2.238 5-5 5zM91 346H56a5 5 0 1 1 0-10h35c2.762 0 5 2.238 5 5s-2.238 5-5 5zM91 406H56a5 5 0 1 1 0-10h35c2.762 0 5 2.238 5 5s-2.238 5-5 5z"
/>
<path
fill="#5a5f64"
d="M346 101H176a5 5 0 0 1 0-10h170a5 5 0 1 1 0 10zM346 131H176a5 5 0 0 1 0-10h170a5 5 0 1 1 0 10zM346 161H176a5 5 0 0 1 0-10h170a5 5 0 1 1 0 10zM346 191H176a5 5 0 0 1 0-10h170a5 5 0 1 1 0 10zM346 221H176a5 5 0 0 1 0-10h170a5 5 0 1 1 0 10zM346 251H176a5 5 0 1 1 0-10h170a5 5 0 1 1 0 10zM346 281H176a5 5 0 1 1 0-10h170c2.762 0 5 2.238 5 5s-2.238 5-5 5zM346 311H176a5 5 0 1 1 0-10h170c2.762 0 5 2.238 5 5s-2.238 5-5 5z"
/>
<g fill="#754928">
<path
d="M91 161c0 8.28 6.721 15 15 15 8.28 0 15-6.72 15-15s-6.72-15-15-15c-8.279 0-15 6.72-15 15zM91 221c0 8.28 6.721 15 15 15 8.28 0 15-6.72 15-15s-6.72-15-15-15c-8.279 0-15 6.72-15 15zM91 401c0 8.28 6.721 15 15 15 8.28 0 15-6.72 15-15s-6.72-15-15-15c-8.279 0-15 6.72-15 15zM91 101c0 8.28 6.721 15 15 15 8.28 0 15-6.72 15-15s-6.72-15-15-15c-8.279 0-15 6.72-15 15zM91 281c0 8.28 6.721 15 15 15 8.28 0 15-6.72 15-15s-6.72-15-15-15c-8.279 0-15 6.72-15 15zM91 341c0 8.28 6.721 15 15 15 8.28 0 15-6.72 15-15s-6.72-15-15-15c-8.279 0-15 6.72-15 15z"
/>
</g>
</svg>
More icons in the same style and category