Add icons to this collection by clicking the heart icon.
Notebook icon - also known as business, education, notebook, pencil, workbook, ruler, address book, and business and finance. Created in a clean lineal color style with a white, gray, navy, orange, and pink 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="464pt"
height="464pt"
viewBox="0 0 464 464"
>
<path
fill="#b857cf"
d="M464 112c0-8.836-7.164-16-16-16h-24a8 8 0 0 0-8 8v312H296a88.436 88.436 0 0 0-64 27.633 87.78 87.78 0 0 0-24.664-18.305A86.806 86.806 0 0 0 168 416H48V104a8 8 0 0 0-8-8H16c-8.836 0-16 7.164-16 16v336c0 8.836 7.164 16 16 16h432c8.836 0 16-7.164 16-16zm0 0"
/>
<path
fill="#f5f5f5"
d="M432 80c0-8.836-7.164-16-16-16h-24a8 8 0 0 0-8 8v113.055l-11.559-7.711a8.007 8.007 0 0 0-8.882 0L352 185.054V72a8 8 0 0 0-8-8h-48a86.739 86.739 0 0 0-39.32 9.313A87.91 87.91 0 0 0 232 91.602 88.502 88.502 0 0 0 168 64h-16a8 8 0 0 0-8 8v168H80V72a8 8 0 0 0-8-8H48c-8.836 0-16 7.164-16 16v336c0 8.836 7.164 16 16 16h120a72.317 72.317 0 0 1 57.602 28.8 7.998 7.998 0 0 0 12.796 0A72.345 72.345 0 0 1 296 432h120c8.836 0 16-7.164 16-16zm0 0"
/>
<path
fill="#e1e1e3"
d="M232 464a8 8 0 0 1-8-8V272a8 8 0 0 1 16 0v184a8 8 0 0 1-8 8zM232 248a8 8 0 0 1-8-8v-96a8 8 0 0 1 16 0v96a8 8 0 0 1-8 8zm0 0"
/>
<path
fill="#00a6ff"
d="M80 272h96c8.836 0 16 7.164 16 16v48c0 8.836-7.164 16-16 16H80c-8.836 0-16-7.164-16-16v-48c0-8.836 7.164-16 16-16zm0 0"
/>
<path
fill="#ffa91f"
d="M352 304h32c8.836 0 16 7.164 16 16v48c0 8.836-7.164 16-16 16h-32c-8.836 0-16-7.164-16-16v-48c0-8.836 7.164-16 16-16zM288 304h16c8.836 0 16 7.164 16 16v48c0 8.836-7.164 16-16 16h-16c-8.836 0-16-7.164-16-16v-48c0-8.836 7.164-16 16-16zm0 0"
/>
<path
fill="#57555c"
d="M312 224h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 0 16zM368 256h-88a8 8 0 0 1 0-16h88a8 8 0 0 1 0 16zM392 288h-48a8 8 0 0 1 0-16h48a8 8 0 0 1 0 16zM312 288h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 0 16zm0 0"
/>
<path
fill="#e1e1e3"
d="M232 120a8 8 0 0 1-8-8v-8a8 8 0 0 1 16 0v8a8 8 0 0 1-8 8zm0 0"
/>
<path
fill="#ffa91f"
d="M80 0h64c8.836 0 16 7.164 16 16v224c0 8.836-7.164 16-16 16H80c-8.836 0-16-7.164-16-16V16c0-8.836 7.164-16 16-16zm0 0"
/>
<path
fill="#ffdba9"
d="M160 208h-40a8 8 0 0 1 0-16h40zM160 160h-40a8 8 0 0 1 0-16h40zM160 112h-40a8 8 0 0 1 0-16h40zM160 64h-40a8 8 0 0 1 0-16h40zm0 0"
/>
<path
fill="#57555c"
d="M184 384h-56a8 8 0 0 1 0-16h56a8 8 0 0 1 0 16zM96 384H72a8 8 0 0 1 0-16h24a8 8 0 0 1 0 16zm0 0"
/>
<path
fill="#00a6ff"
d="M400 24c0-13.254-10.746-24-24-24h-16c-13.254 0-24 10.746-24 24v176a8.002 8.002 0 0 0 12.441 6.656L368 193.602l19.559 13.039A8.003 8.003 0 0 0 400 200zm0 0"
/>
<path
fill="#ffdba9"
d="m396.441 193.344-24-16a8.007 8.007 0 0 0-8.882 0l-24 16a8.002 8.002 0 0 0-2.72 10.23l24 48c1.352 2.719 4.126 4.434 7.161 4.434s5.809-1.715 7.16-4.434l24-48a8.002 8.002 0 0 0-2.719-10.23zm0 0"
/>
<path fill="#08f" d="M335.984 48h64v16h-64zm0 0" />
<g fill="#002d6b">
<path
d="M448 96h-16V80c0-8.836-7.164-16-16-16h-16V24c0-13.254-10.746-24-24-24h-16c-13.254 0-24 10.746-24 24v40h-40a86.739 86.739 0 0 0-39.32 9.313A87.91 87.91 0 0 0 232 91.602 88.502 88.502 0 0 0 168 64h-8V16c0-8.836-7.164-16-16-16H80c-8.836 0-16 7.164-16 16v48H48c-8.836 0-16 7.164-16 16v16H16c-8.836 0-16 7.164-16 16v336c0 8.836 7.164 16 16 16h432c8.836 0 16-7.164 16-16V112c0-8.836-7.164-16-16-16zm-66.313 106.742L368 230.113l-13.688-27.37L368 193.601zM352 72v-8h32v121.055l-11.559-7.711a8.007 8.007 0 0 0-8.882 0L352 185.054zm0-48a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v24h-32zM80 16h64v32h-24a8 8 0 0 0 0 16h24v32h-24a8 8 0 0 0 0 16h24v32h-24a8 8 0 0 0 0 16h24v32h-24a8 8 0 0 0 0 16h24v32H80zM48 80h16v160c0 8.836 7.164 16 16 16h64c8.836 0 16-7.164 16-16V80h8a72.31 72.31 0 0 1 56 26.91V112a8 8 0 0 0 16 0v-5.105a71.53 71.53 0 0 1 23.84-19.27A70.804 70.804 0 0 1 296 80h40v120c0 .152.055.297.063.45.007.152.066.519.105.796a8.05 8.05 0 0 0 .543 1.899c.066.144.059.304.129.449L355.055 240H280a8 8 0 0 0 0 16h88a7.921 7.921 0 0 0 2.77-.559 5.93 5.93 0 0 0 .703-.312 7.584 7.584 0 0 0 1.847-1.25c.137-.117.29-.207.414-.336a7.876 7.876 0 0 0 1.426-1.969l24-48c.07-.14.063-.3.13-.445a8.05 8.05 0 0 0 .542-1.899c.04-.261.09-.511.105-.796.016-.29.063-.282.063-.434V80h16v336H296a87.237 87.237 0 0 0-9.688.574A90.701 90.701 0 0 0 240 436.176V272a8 8 0 0 0-16 0v164.16a88.174 88.174 0 0 0-45.754-19.574A89.74 89.74 0 0 0 168 416H48zm-32 32h16v304c0 8.836 7.164 16 16 16h120c2.8 0 5.594.16 8.375.48a71.601 71.601 0 0 1 36.8 15.52H16zm432 336H250.879A73.266 73.266 0 0 1 296 432h120c8.836 0 16-7.164 16-16V112h16zm0 0"
/>
<path
d="M232 248a8 8 0 0 0 8-8v-96a8 8 0 0 0-16 0v96a8 8 0 0 0 8 8zM352 384h32c8.836 0 16-7.164 16-16v-48c0-8.836-7.164-16-16-16h-32c-8.836 0-16 7.164-16 16v48c0 8.836 7.164 16 16 16zm0-64h32v48h-32zM80 352h96c8.836 0 16-7.164 16-16v-48c0-8.836-7.164-16-16-16H80c-8.836 0-16 7.164-16 16v48c0 8.836 7.164 16 16 16zm0-64h96v48H80zM288 384h16c8.836 0 16-7.164 16-16v-48c0-8.836-7.164-16-16-16h-16c-8.836 0-16 7.164-16 16v48c0 8.836 7.164 16 16 16zm0-64h16v48h-16zM280 224h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zM344 288h48a8 8 0 0 0 0-16h-48a8 8 0 0 0 0 16zM280 288h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zM184 368h-56a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16zM72 384h24a8 8 0 0 0 0-16H72a8 8 0 0 0 0 16zm0 0"
/>
</g>
</svg>
More icons in the same style and category