Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, education, notebook, note, writing, writing tool, and notepad. Created in a clean outline 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 64 64"
>
<path
fill="#efe8d5"
d="M12 51.04V3c0-1.1.9-2 2-2h38c1.1 0 2 .9 2 2v58c0 1.1-.9 2-2 2H14c-1.1 0-2-.9-2-2v-4.03z"
/>
<path
fill="#ddd1b3"
d="M54 3v58c0 1.1-.9 2-2 2H14c-1.1 0-2-.9-2-2v-3h5.93C35.09 58 49 44.09 49 26.93V1h3c1.1 0 2 .9 2 2z"
/>
<path
fill="#c4b28c"
d="M55 1c1.1 0 2 .9 2 2v58c0 1.1-.9 2-2 2h-3c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2z"
/>
<g fill="#472b3c">
<path
d="M55 0H14c-1.654 0-3 1.346-3 3v2.045C8.756 5.269 7 6.946 7 9s1.756 3.731 4 3.955v1.09c-2.244.224-4 1.901-4 3.955s1.756 3.731 4 3.955v1.09c-2.244.224-4 1.901-4 3.955s1.756 3.731 4 3.955v1.09c-2.244.224-4 1.901-4 3.955s1.756 3.731 4 3.955v1.09c-2.244.224-4 1.901-4 3.955s1.756 3.731 4 3.955v1.09c-2.244.224-4 1.901-4 3.955s1.756 3.731 4 3.955V61c0 1.654 1.346 3 3 3h41c1.654 0 3-1.346 3-3V3c0-1.654-1.346-3-3-3zM9 9c0-.966.86-1.774 2-1.96v3.919C9.86 10.774 9 9.966 9 9zm0 9c0-.966.86-1.774 2-1.96v3.919c-1.14-.185-2-.993-2-1.959zm0 9c0-.966.86-1.774 2-1.96v3.919c-1.14-.185-2-.993-2-1.959zm0 9c0-.966.86-1.774 2-1.96v3.919c-1.14-.185-2-.993-2-1.959zm0 9c0-.966.86-1.774 2-1.96v3.919c-1.14-.185-2-.993-2-1.959zm0 9c0-.966.86-1.774 2-1.96v3.919c-1.14-.185-2-.993-2-1.959zm5 8a1 1 0 0 1-1-1v-8.59c.604.366 1 .939 1 1.59a1 1 0 1 0 2 0c0-1.736-1.258-3.202-3-3.754V43.41c.604.366 1 .939 1 1.59a1 1 0 1 0 2 0c0-1.736-1.258-3.202-3-3.754V34.41c.604.366 1 .939 1 1.59a1 1 0 1 0 2 0c0-1.736-1.258-3.202-3-3.754V25.41c.604.366 1 .939 1 1.59a1 1 0 1 0 2 0c0-1.736-1.258-3.202-3-3.754V16.41c.604.366 1 .939 1 1.59a1 1 0 1 0 2 0c0-1.736-1.258-3.202-3-3.754V7.41c.604.366 1 .939 1 1.59a1 1 0 1 0 2 0c0-1.736-1.258-3.202-3-3.754V3a1 1 0 0 1 1-1h38a1 1 0 0 1 1 1v58a1 1 0 0 1-1 1zm42-1a1 1 0 0 1-1 1h-.184c.112-.314.184-.648.184-1V3c0-.352-.072-.686-.184-1H55a1 1 0 0 1 1 1z"
/>
<path
d="M49 7H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2zM49 12H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2zM49 17H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2zM49 22H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2zM49 27H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2zM49 32H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2zM49 37H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2zM49 42H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2zM49 47H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2zM49 52H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2zM49 57H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category