Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, education, notebook, note, writing, Tools and utensils, writing tool, and notepad. Created in a clean flat style with a white, silver, gray, and teal 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M128 0H56C43.72 0 31.432 4.688 22.064 14.064 12.688 23.432 8 35.72 8 48v368h120V0z"
fill="#dfe3e6"
/>
<path d="M40 48h24v464H40z" fill="#5e5c5c" />
<path d="M56 48h336v48H56z" fill="#474545" />
<path d="M56 96h336v416H56z" fill="#eff4f7" />
<path
d="M120 136h16v336h-16zM168 136h16v336h-16zM216 136h16v336h-16zM264 136h16v336h-16zM312 136h16v336h-16z"
fill="#cfd3d6"
/>
<path
d="M96 416h256v16H96zM96 368h256v16H96zM96 320h256v16H96zM96 272h256v16H96zM96 224h256v16H96zM96 176h256v16H96zM392 0H56c26.504 0 48 21.496 48 48S82.504 96 56 96h336c26.504 0 48-21.496 48-48S418.504 0 392 0z"
fill="#cfd3d6"
/>
<path
d="M232 40h16v16h-16zM264 40h16v16h-16zM296 40h16v16h-16z"
fill="#5e5c5c"
/>
<path d="M456 80h32v368h-32z" fill="#49b2d6" />
<path d="M488 80h16v368h-16z" fill="#1395bf" />
<path d="m480 0 8 80h-32z" fill="#eff4f7" />
<path d="M504 80h-16l-8-80z" fill="#dfe3e6" />
<path d="M456 448h32v32h-32z" fill="#eff4f7" />
<path d="M488 448h16v32h-16z" fill="#dfe3e6" />
<path
d="M488 480v32h-16c-4.096 0-8.184-1.56-11.312-4.688S456 500.096 456 496v-16h32z"
fill="#5e5c5c"
/>
<path
d="M504 480v16c0 4.096-1.56 8.184-4.688 11.312S492.096 512 488 512h-16c4.096 0 8.184-1.56 11.312-4.688S488 500.096 488 496v-16h16zM489.6 32 480 0l-9.6 32z"
fill="#474545"
/>
</svg>
More icons in the same style and category