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 lineal color 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.7 21.67-21.67 21.67H146V56h208.33C366.3 56 376 65.7 376 77.67z"
/>
<circle cx="456" cy="56" r="25" fill="#965e33" />
<circle cx="46" cy="466" r="15" fill="#965e33" />
<circle cx="106" cy="101" r="15" fill="#965e33" />
<circle cx="106" cy="161" r="15" fill="#965e33" />
<circle cx="106" cy="221" r="15" fill="#965e33" />
<circle cx="106" cy="281" r="15" fill="#965e33" />
<circle cx="106" cy="341" r="15" fill="#965e33" />
<circle cx="106" cy="401" r="15" fill="#965e33" />
<path
fill="#965e33"
d="M466 137v14h-60v-14c0-11.6 9.4-21 21-21h18c11.6 0 21 9.4 21 21z"
/>
<circle cx="463.5" cy="443.5" r="7.5" />
<path
fill="#965e33"
d="M466 356.55V376l-30 60-30-60v-18.54c0 4.021 1.63 7.65 4.26 10.28s6.26 4.26 10.28 4.26c8 0 15.5-6.46 15.55-14.46v-.98c0 8.521 5.93 15.44 14.46 15.44 4.271 0 8.13-1.73 10.92-4.53a15.36 15.36 0 0 0 4.53-10.92z"
/>
<path
fill="#bf7d4f"
d="M466 151v205.55c0 4.271-1.73 8.13-4.53 10.92a15.359 15.359 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.09 356.56v.98c-.05 8-7.55 14.46-15.55 14.46-4.021 0-7.65-1.63-10.28-4.26s-4.26-6.26-4.26-10.28V151h30l.09 205.45z"
/>
<circle cx="398.5" cy="458.5" r="7.5" />
<circle cx="393.5" cy="38.5" r="7.5" />
<path
fill="#bf7d4f"
d="M91 161c0 8.28 6.72 15 15 15s15-6.72 15-15-6.72-15-15-15-15 6.72-15 15zm0 60c0 8.28 6.72 15 15 15s15-6.72 15-15-6.72-15-15-15-15 6.72-15 15zm0 180c0 8.28 6.72 15 15 15s15-6.72 15-15-6.72-15-15-15-15 6.72-15 15zm0-300c0 8.28 6.72 15 15 15s15-6.72 15-15-6.72-15-15-15-15 6.72-15 15zm0 180c0 8.28 6.72 15 15 15s15-6.72 15-15-6.72-15-15-15-15 6.72-15 15zm0 60c0 8.28 6.72 15 15 15s15-6.72 15-15-6.72-15-15-15-15 6.72-15 15zM71 101V77.67C71 65.7 80.7 56 92.67 56H146v390H92.67C80.7 446 71 436.3 71 424.33V161z"
/>
<circle cx="103.5" cy="468.5" r="7.5" />
<circle cx="38.5" cy="43.5" r="7.5" />
<path
d="M354.33 451H92.67C77.964 451 66 439.036 66 424.33V77.67C66 62.964 77.964 51 92.67 51h261.66C369.036 51 381 62.964 381 77.67v346.66c0 14.706-11.964 26.67-26.67 26.67zM92.67 61C83.478 61 76 68.478 76 77.67v346.66c0 9.191 7.478 16.67 16.67 16.67h261.66c9.191 0 16.67-7.478 16.67-16.67V77.67c0-9.192-7.478-16.67-16.67-16.67z"
/>
<path
d="M106 121c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20zm0-30c-5.514 0-10 4.486-10 10s4.486 10 10 10 10-4.486 10-10-4.486-10-10-10z"
/>
<path
d="M91 106H56a5 5 0 0 1 0-10h35a5 5 0 0 1 0 10zM106 181c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20zm0-30c-5.514 0-10 4.486-10 10s4.486 10 10 10 10-4.486 10-10-4.486-10-10-10z"
/>
<path
d="M91 166H56a5 5 0 0 1 0-10h35a5 5 0 0 1 0 10zM106 241c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20zm0-30c-5.514 0-10 4.486-10 10s4.486 10 10 10 10-4.486 10-10-4.486-10-10-10z"
/>
<path
d="M91 226H56a5 5 0 0 1 0-10h35a5 5 0 0 1 0 10zM106 301c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20zm0-30c-5.514 0-10 4.486-10 10s4.486 10 10 10 10-4.486 10-10-4.486-10-10-10z"
/>
<path
d="M91 286H56a5 5 0 1 1 0-10h35a5 5 0 1 1 0 10zM106 361c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20zm0-30c-5.514 0-10 4.486-10 10s4.486 10 10 10 10-4.486 10-10-4.486-10-10-10z"
/>
<path
d="M91 346H56a5 5 0 1 1 0-10h35a5 5 0 1 1 0 10zM106 421c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20zm0-30c-5.514 0-10 4.486-10 10s4.486 10 10 10 10-4.486 10-10-4.486-10-10-10z"
/>
<path
d="M91 406H56a5 5 0 1 1 0-10h35a5 5 0 1 1 0 10zM146 451a5 5 0 0 1-5-5V56a5 5 0 0 1 10 0v390a5 5 0 0 1-5 5zM346 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 5zM420.54 377a19.407 19.407 0 0 1-13.815-5.725A19.413 19.413 0 0 1 401 357.46c0-2.762 2.238-5 5-5s5 2.238 5 5a9.48 9.48 0 0 0 2.795 6.745A9.48 9.48 0 0 0 420.54 367c5.49 0 10.519-4.523 10.55-9.491v-.949c0-2.762 2.238-5 5-5s5 2.238 5 5v.98c-.066 10.563-9.477 19.46-20.55 19.46z"
/>
<path
d="M450.55 377c-11.094 0-19.46-8.787-19.46-20.44v-.109L431 151.002a5 5 0 0 1 4.998-5.002H436a5 5 0 0 1 5 4.998l.09 205.562c0 5.188 3.249 10.44 9.46 10.44 2.792 0 5.412-1.087 7.378-3.06a10.356 10.356 0 0 0 3.072-7.391c0-2.762 2.238-5 5-5s5 2.238 5 5c0 5.47-2.131 10.605-6.001 14.462-3.844 3.858-8.979 5.989-14.449 5.989z"
/>
<path
d="M436 441a5 5 0 0 1-4.472-2.764l-30-60A4.988 4.988 0 0 1 401 376V151a5 5 0 1 1 10 0v223.819l25 50 25-50V151a5 5 0 1 1 10 0v225c0 .776-.181 1.542-.528 2.236l-30 60A5 5 0 0 1 436 441z"
/>
<path
d="M466 156h-60a5 5 0 0 1-5-5v-14c0-14.336 11.663-26 26-26h18c14.337 0 26 11.664 26 26v14a5 5 0 0 1-5 5zm-55-10h50v-9c0-8.822-7.178-16-16-16h-18c-8.822 0-16 7.178-16 16zM456 86c-16.542 0-30-13.458-30-30s13.458-30 30-30 30 13.458 30 30-13.458 30-30 30zm0-50c-11.028 0-20 8.972-20 20s8.972 20 20 20 20-8.972 20-20-8.972-20-20-20zM46 486c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20zm0-30c-5.514 0-10 4.486-10 10s4.486 10 10 10 10-4.486 10-10-4.486-10-10-10z"
/>
</svg>
More icons in the same style and category