Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, erase, eraser, notebook, school, pencil, workbook, lecture, and stationery. Created in a clean fill lineal style with a white and black 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"
>
<rect width="40" height="50" x="8.003" y="8" fill="#00caff" rx="3" />
<path
fill="#333"
d="M45.003 59h-34a4.004 4.004 0 0 1-4-4V11a4.004 4.004 0 0 1 4-4h34a4.004 4.004 0 0 1 4 4v44a4.004 4.004 0 0 1-4 4zm-34-50a2.002 2.002 0 0 0-2 2v44a2.002 2.002 0 0 0 2 2h34a2.002 2.002 0 0 0 2-2V11a2.002 2.002 0 0 0-2-2z"
/>
<path
fill="#00caff"
d="M14.037 5a3 3 0 0 0-3 3v44a3 3 0 0 0 3 3h2.966V5z"
/>
<path
fill="#fff"
d="M48.037 5H17.003v50h31.034a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3z"
/>
<rect width="22" height="9" x="21.037" y="14" fill="#00caff" rx="1" />
<path
fill="#333"
d="M48.038 56h-34a4.004 4.004 0 0 1-4-4V8a4.004 4.004 0 0 1 4-4h34a4.004 4.004 0 0 1 4 4v44a4.004 4.004 0 0 1-4 4zm-34-50a2.002 2.002 0 0 0-2 2v44a2.002 2.002 0 0 0 2 2h34a2.002 2.002 0 0 0 2-2V8a2.002 2.002 0 0 0-2-2z"
/>
<path
fill="#333"
d="M42.038 24h-20a2.002 2.002 0 0 1-2-2v-7a2.002 2.002 0 0 1 2-2h20a2.002 2.002 0 0 1 2 2v7a2.002 2.002 0 0 1-2 2zm-20-9v7h20.001l-.001-7z"
/>
<path
fill="#00caff"
d="m30.826 37.004 17.948-17.948 7.07 7.07-17.948 17.948z"
/>
<path
fill="#fff"
d="M35.075 41.832a2.013 2.013 0 0 1-1.414-3.414l17.324-17.324a2 2 0 0 1 2.828 2.828L36.49 41.246a1.993 1.993 0 0 1-1.414.586z"
/>
<path
fill="#333"
d="m58.056 19.68-2.828-2.829a3 3 0 0 0-4.243 0l-2.202 2.202 7.071 7.071 2.202-2.202a3 3 0 0 0 0-4.242z"
/>
<path
fill="#fff"
d="m37.202 44.77.707-.708a13.109 13.109 0 0 0-7.071-7.07l-.707.706c-.52 2.246-1.6 6.926-2.122 9.193 2.275-.524 6.94-1.6 9.193-2.122z"
/>
<path
fill="#333"
d="M33.095 45.73a7.054 7.054 0 0 0-3.917-3.918l-1.174 5.091z"
/>
<path
fill="#333"
d="m58.764 18.963-2.82-2.83a4.102 4.102 0 0 0-5.66 0l-20.86 20.86a1.09 1.09 0 0 0-.27.48l-2.12 9.19a1.008 1.008 0 0 0 1.2 1.2l9.19-2.12a.926.926 0 0 0 .48-.27l20.86-20.86a3.996 3.996 0 0 0 0-5.65zm-29.42 26.59 1.71-7.36a11.982 11.982 0 0 1 5.66 5.65zm8.86-3.2a14.151 14.151 0 0 0-5.65-5.66l16.317-16.317 5.655 5.655zm19.15-19.15-1.41 1.419-5.659-5.66 1.409-1.42a2.061 2.061 0 0 1 2.83 0l2.83 2.83a2.004 2.004 0 0 1 0 2.83z"
/>
<path fill="#fff" d="M42.003 51a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h9.965v-8z" />
<path
fill="#00caff"
d="M56.003 51h-4.035v8h4.035a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"
/>
<path
fill="#333"
d="M56.003 50h-14a2.002 2.002 0 0 0-2 2v6a2.002 2.002 0 0 0 2 2h14a2.002 2.002 0 0 0 2-2v-6a2.002 2.002 0 0 0-2-2zm-14 2h9v6h-9zm11 6v-6h3l.001 6z"
/>
<path
fill="#fff"
d="M13.037 18c-.123 5.279-6.876 5.278-7 0 .124-5.279 6.877-5.278 7 0zM13.037 31c-.123 5.279-6.876 5.278-7 0 .124-5.279 6.877-5.278 7 0zM13.037 44c-.123 5.279-6.876 5.278-7 0 .124-5.279 6.877-5.278 7 0z"
/>
<g fill="#333">
<path
d="M9.538 23c-5.944-.2-5.943-9.8 0-10 5.943.2 5.942 9.8 0 10zm0-8c-3.293.093-3.293 5.907 0 6 3.292-.093 3.292-5.907 0-6zM9.538 36c-5.944-.2-5.943-9.8 0-10 5.943.2 5.942 9.8 0 10zm0-8c-3.293.093-3.293 5.907 0 6 3.292-.093 3.292-5.907 0-6zM9.538 49c-5.944-.2-5.943-9.8 0-10 5.943.2 5.942 9.8 0 10zm0-8c-3.293.093-3.293 5.907 0 6 3.292-.093 3.292-5.907 0-6z"
/>
<path
d="M8.037 20h-2a2 2 0 0 1 0-4h2a2 2 0 0 1 0 4zM8.037 33h-2a2 2 0 0 1 0-4h2a2 2 0 0 1 0 4zM8.037 46h-2a2 2 0 0 1 0-4h2a2 2 0 0 1 0 4z"
/>
</g>
</svg>
More icons in the same style and category