Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, business, bookmark, notebook, address book, agenda, and ui. Created in a clean circular style with a white, gray, red, teal, 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="100"
height="100"
viewBox="0 0 384 384"
>
<circle cx="192" cy="192" r="192" fill="#45b39c" />
<path
d="m296.76 130.07-6.28-4.96-4.28-3.4c-1.08-.84-2.68-.68-3.52.44l-7.04 8.84-45.36-45.36-.32-.36c-1.8-2-4.44-3.28-7.36-3.28H97.64C89 81.99 82 88.99 82 97.63v188.72c0 4.88 2.24 9.28 5.76 12.12l84.529 84.529A194.21 194.21 0 0 0 192 384c98.234 0 179.183-73.79 190.575-168.956l-81.535-81.535-4.28-3.439z"
opacity=".1"
/>
<path
d="M222.588 82H97.648C89.006 82 82 89.006 82 97.649v188.704C82 294.994 89.006 302 97.648 302V113.297h134.93V91.991c0-5.518-4.473-9.991-9.99-9.991z"
fill="#dc8744"
/>
<path
d="M215.335 87.47H100.354c-7.132 0-12.914 5.782-12.914 12.914s5.782 12.913 12.914 12.913H223.58V95.714a8.246 8.246 0 0 0-8.245-8.244z"
fill="#fff"
/>
<path d="M97.64 113.28h10.776V302H97.64z" fill="#f6c358" />
<path
d="M239.268 113.297H108.423V302h130.844c5.518 0 9.99-4.472 9.99-9.99V123.287c.001-5.517-4.472-9.99-9.989-9.99z"
fill="#fcd462"
/>
<path
d="M141.4 252.08h74.908v4.168H141.4zM141.4 269.24h74.908v4.168H141.4z"
fill="#dc8744"
/>
<path
d="M231.032 124.964h7.992v127.403h-7.992z"
transform="rotate(-141.61 235.024 188.67)"
fill="#e56353"
/>
<path
d="M237.292 129.969h7.992v127.404h-7.992z"
transform="rotate(-141.61 241.284 193.675)"
fill="#d15241"
/>
<path
d="M243.567 134.893h7.992v127.404h-7.992z"
transform="rotate(-141.61 247.565 198.596)"
fill="#ce412d"
/>
<path
d="M269.753 141.207h23.976v2.824h-23.976z"
transform="rotate(-141.61 281.741 142.621)"
fill="#44c4a1"
/>
<path
d="m286.194 121.722 4.294 3.402-11.01 13.896-6.264-4.963 9.449-11.926a2.513 2.513 0 0 1 3.531-.409z"
fill="#64798a"
/>
<path
d="M279.245 130.551h17.728v7.992h-17.728z"
transform="rotate(128.389 288.11 134.541)"
fill="#3a556a"
/>
<path
d="m296.753 130.087 4.294 3.402a2.514 2.514 0 0 1 .409 3.531l-9.449 11.926-6.264-4.963 11.01-13.896z"
fill="#2f4859"
/>
<path
d="m211.132 251.021-14.164 6.052a6.437 6.437 0 0 0-2.408-4.442 6.43 6.43 0 0 0-4.874-1.328l2.653-15.173 18.793 14.891z"
fill="#f6c358"
/>
<path
d="M194.56 252.632a6.427 6.427 0 0 1 2.408 4.442l-6.838 2.922a1.253 1.253 0 0 1-1.726-1.367l1.281-7.324a6.426 6.426 0 0 1 4.875 1.327z"
fill="#64798a"
/>
</svg>
More icons in the same style and category