Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, reading, book, novel, notebook, heart, story, and fairytale. Created in a clean lineal color style with a white, silver, gray, magenta, purple, 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 256 256"
>
<path
fill="#f4efed"
d="M69.234 4h172.532v248H69.234c-8.284 0-15-6.716-15-15V19c0-8.284 6.716-15 15-15z"
/>
<path fill="#d6d1cf" d="M231.766 4h10v248h-10z" />
<path
fill="#690589"
d="M241.766 254H69.234c-9.374 0-17-7.626-17-17V19c0-9.374 7.626-17 17-17h172.531a2 2 0 0 1 2 2v248c.001 1.105-.895 2-1.999 2zM69.234 6c-7.168 0-13 5.832-13 13v218c0 7.168 5.832 13 13 13h170.531V6z"
/>
<path
fill="#f4efed"
d="M49.234 4h172.532v248H49.234c-8.284 0-15-6.716-15-15V19c0-8.284 6.716-15 15-15z"
/>
<path fill="#d6d1cf" d="M211.766 4h10v248h-10z" />
<path
fill="#690589"
d="M221.766 254H49.234c-9.374 0-17-7.626-17-17V19c0-9.374 7.626-17 17-17h172.531a2 2 0 0 1 2 2v248c.001 1.105-.895 2-1.999 2zM49.234 6c-7.168 0-13 5.832-13 13v218c0 7.168 5.832 13 13 13h170.531V6z"
/>
<path
fill="#f4efed"
d="M29.234 4h172.532v248H29.234c-8.284 0-15-6.716-15-15V19c0-8.284 6.716-15 15-15z"
/>
<path
fill="#526faa"
d="M38.341 4h-9.107c-8.284 0-15 6.716-15 15v218c0 8.284 6.716 15 15 15h9.107z"
/>
<path fill="#d6d1cf" d="M191.766 4h10v248h-10z" />
<path
fill="#708dc8"
d="M24.234 237V19c0-7.983 6.241-14.49 14.107-14.955V4h-9.107c-8.284 0-15 6.716-15 15v218c0 8.284 6.716 15 15 15h9.107v-.045c-7.866-.465-14.107-6.972-14.107-14.955z"
/>
<path fill="#fcc24c" d="M82.575 173.329h75.878v20H82.575z" />
<path
fill="#ff4397"
d="m120.514 131.249 31.593-31.593c8.461-8.461 8.461-22.178 0-30.639-8.461-8.461-22.178-8.461-30.639 0l-.954.954-.954-.954c-8.461-8.461-22.178-8.461-30.639 0-8.461 8.461-8.461 22.178 0 30.639z"
/>
<path
fill="#690589"
d="M120.514 133.249a1.99 1.99 0 0 1-1.414-.586l-31.594-31.594c-9.227-9.227-9.227-24.239 0-33.467a23.511 23.511 0 0 1 16.734-6.932c6.107 0 11.86 2.298 16.274 6.483 4.413-4.185 10.167-6.483 16.273-6.483a23.51 23.51 0 0 1 16.734 6.932c9.226 9.227 9.226 24.24 0 33.467l-31.594 31.594a1.99 1.99 0 0 1-1.413.586zM104.24 64.671a19.536 19.536 0 0 0-13.905 5.76 19.54 19.54 0 0 0-5.76 13.905 19.535 19.535 0 0 0 5.759 13.905l30.18 30.18 30.18-30.18c7.666-7.667 7.666-20.144 0-27.811-7.669-7.667-20.145-7.666-27.812 0l-.954.954a2 2 0 0 1-2.828 0l-.954-.954a19.545 19.545 0 0 0-13.906-5.759zM158.452 195.329H82.575a2 2 0 0 1-2-2v-20a2 2 0 0 1 2-2h75.877a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2zm-73.877-4h71.877v-16H84.575zM38.341 254h-9.106c-9.374 0-17-7.626-17-17V19c0-9.374 7.626-17 17-17h9.106a2 2 0 0 1 2 2v248a2 2 0 0 1-2 2zM29.234 6c-7.168 0-13 5.832-13 13v218c0 7.168 5.832 13 13 13h7.106V6z"
/>
<path
fill="#690589"
d="M201.766 254H29.234c-9.374 0-17-7.626-17-17V19c0-9.374 7.626-17 17-17h172.531a2 2 0 0 1 2 2v248c.001 1.105-.895 2-1.999 2zM29.234 6c-7.168 0-13 5.832-13 13v218c0 7.168 5.832 13 13 13h170.531V6z"
/>
<path
fill="#690589"
d="M24.234 79.441a2 2 0 0 1-2-2v-12a2 2 0 0 1 4 0v12a2 2 0 0 1-2 2z"
/>
<path fill="#526faa" d="m73.608 49.784-12.187-10-12.187 10V4h24.374z" />
<path
fill="#690589"
d="M49.234 51.784a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h24.374a2 2 0 0 1 2 2v45.784a1.998 1.998 0 0 1-3.269 1.546L61.42 42.371 50.503 51.33c-.364.3-.815.454-1.269.454zm12.187-14c.45 0 .899.151 1.269.454l8.919 7.317V6H51.234v39.556l8.918-7.317a1.996 1.996 0 0 1 1.269-.455z"
/>
</svg>
More icons in the same style and category