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 circular style with a white, silver, gray, and orange 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"
>
<circle cx="256" cy="256" r="256" fill="#efc84a" />
<path
d="m352.571 123.461-12.315-12.315-.016.053c-1.088-1.157-2.331-1.872-3.68-1.872-3.243 0-5.925 3.707-7.003 9.003l-7.184-7.184-.016.059c-1.093-1.163-2.352-1.877-3.723-1.877-3.243 0-5.931 3.707-7.003 9.003l-7.184-7.184v.064c-1.099-1.168-2.357-1.883-3.728-1.883-3.205 0-5.883 3.717-6.955 9.024l-7.637-7.637-.011.043c-.981-.891-2.08-1.424-3.264-1.424-3.243 0-5.931 3.712-7.008 9.013l-7.627-7.627-.011.043c-.987-.891-2.091-1.424-3.275-1.424-3.243 0-5.904 3.717-6.96 9.024l-7.403-7.403v.069c-1.045-1.045-2.224-1.691-3.504-1.691-3.237 0-5.925 3.701-7.003 8.997l-7.376-7.376-.005.064c-1.051-1.04-2.24-1.685-3.531-1.685-3.243 0-5.925 3.707-7.003 9.003l-7.381-7.381-.011.059c-1.051-1.035-2.235-1.675-3.525-1.675-3.2 0-5.877 3.707-6.949 9.003l-7.387-7.387-.011.064c-1.045-1.04-2.224-1.68-3.515-1.68-3.243 0-5.925 3.707-7.003 9.003l-7.381-7.381-.021.043c-1.045-1.029-2.229-1.664-3.515-1.664-4.213 0-7.467 6.24-7.467 14.133H147.5v279.2l109.317 109.317c136.139-.427 247.237-107.104 254.752-241.461L364.507 123.461h-11.936z"
opacity=".1"
/>
<path d="M147.483 123.467h217.035v279.2H147.483z" fill="#dc8744" />
<path d="M162.656 133.6h186.667v255.611H162.656z" fill="#e1e6e9" />
<path d="M162.656 123.467h186.667v255.611H162.656z" fill="#fff" />
<path
d="M162.656 156.053h186.667v2.539H162.656zM162.656 153.099h186.667v1.013H162.656z"
fill="#e56353"
/>
<path
d="M162.656 175.84h186.667v1.013H162.656zM162.656 194.133h186.667v1.013H162.656zM162.656 212.368h186.667v1.013H162.656zM162.656 230.613h186.667v1.013H162.656zM162.656 248.901h186.667v1.013H162.656zM162.656 267.147h186.667v1.013H162.656zM162.656 285.44h186.667v1.013H162.656zM162.656 303.696h186.667v1.013H162.656zM162.656 321.973h186.667v1.013H162.656zM162.656 340.229h186.667v1.013H162.656zM162.656 358.507h186.667v1.013H162.656z"
fill="#d5d6db"
/>
<circle cx="174.357" cy="136.107" r="3.067" fill="#e1e6e9" />
<path
d="M175.456 137.611c-4.203 0-7.499-6.213-7.499-14.139s3.296-14.139 7.499-14.139c4.203 0 7.499 6.213 7.499 14.139h-2.539c0-6.837-2.619-11.6-4.965-11.6-2.347 0-4.96 4.763-4.96 11.6s2.619 11.6 4.96 11.6v2.539h.005z"
fill="#64798a"
/>
<circle cx="192.267" cy="136.107" r="3.067" fill="#e1e6e9" />
<path
d="M193.355 137.611c-4.203 0-7.499-6.213-7.499-14.139s3.296-14.139 7.499-14.139c4.203 0 7.499 6.213 7.499 14.139h-2.539c0-6.837-2.619-11.6-4.96-11.6-2.347 0-4.96 4.763-4.96 11.6s2.619 11.6 4.96 11.6v2.539z"
fill="#64798a"
/>
<circle cx="210.133" cy="136.107" r="3.067" fill="#e1e6e9" />
<path
d="M211.253 137.611c-4.203 0-7.499-6.213-7.499-14.139s3.296-14.139 7.499-14.139 7.499 6.213 7.499 14.139h-2.539c0-6.837-2.619-11.6-4.96-11.6-2.347 0-4.96 4.763-4.96 11.6s2.619 11.6 4.96 11.6v2.539z"
fill="#64798a"
/>
<circle cx="228.053" cy="136.107" r="3.067" fill="#e1e6e9" />
<path
d="M229.152 137.611c-4.203 0-7.499-6.213-7.499-14.139s3.296-14.139 7.499-14.139c4.203 0 7.499 6.213 7.499 14.139h-2.539c0-6.837-2.619-11.6-4.965-11.6s-4.96 4.763-4.96 11.6 2.619 11.6 4.96 11.6v2.539h.005z"
fill="#64798a"
/>
<circle cx="245.973" cy="136.107" r="3.067" fill="#e1e6e9" />
<path
d="M247.051 137.611c-4.203 0-7.499-6.213-7.499-14.139s3.296-14.139 7.499-14.139c4.203 0 7.499 6.213 7.499 14.139h-2.539c0-6.837-2.619-11.6-4.96-11.6-2.347 0-4.965 4.763-4.965 11.6s2.619 11.6 4.965 11.6v2.539z"
fill="#64798a"
/>
<circle cx="263.84" cy="136.107" r="3.067" fill="#e1e6e9" />
<path
d="M264.949 137.611c-4.203 0-7.499-6.213-7.499-14.139s3.296-14.139 7.499-14.139c4.203 0 7.499 6.213 7.499 14.139h-2.539c0-6.837-2.619-11.6-4.96-11.6-2.347 0-4.96 4.763-4.96 11.6s2.619 11.6 4.96 11.6v2.539z"
fill="#64798a"
/>
<circle cx="281.749" cy="136.107" r="3.067" fill="#e1e6e9" />
<path
d="M282.848 137.611c-4.203 0-7.499-6.213-7.499-14.139s3.296-14.139 7.499-14.139c4.203 0 7.499 6.213 7.499 14.139h-2.539c0-6.837-2.619-11.6-4.965-11.6-2.347 0-4.96 4.763-4.96 11.6s2.619 11.6 4.96 11.6v2.539h.005z"
fill="#64798a"
/>
<circle cx="299.627" cy="136.107" r="3.067" fill="#e1e6e9" />
<path
d="M300.747 137.611c-4.203 0-7.499-6.213-7.499-14.139s3.296-14.139 7.499-14.139 7.499 6.213 7.499 14.139h-2.539c0-6.837-2.619-11.6-4.96-11.6-2.347 0-4.96 4.763-4.96 11.6s2.619 11.6 4.96 11.6v2.539z"
fill="#64798a"
/>
<circle cx="317.547" cy="136.107" r="3.067" fill="#e1e6e9" />
<path
d="M318.645 137.611c-4.203 0-7.499-6.213-7.499-14.139s3.296-14.139 7.499-14.139c4.203 0 7.499 6.213 7.499 14.139h-2.539c0-6.837-2.619-11.6-4.96-11.6-2.347 0-4.96 4.763-4.96 11.6s2.619 11.6 4.96 11.6v2.539z"
fill="#64798a"
/>
<circle cx="335.445" cy="136.107" r="3.067" fill="#e1e6e9" />
<path
d="M336.544 137.611c-4.203 0-7.499-6.213-7.499-14.139s3.296-14.139 7.499-14.139c4.203 0 7.499 6.213 7.499 14.139h-2.539c0-6.837-2.619-11.6-4.96-11.6-2.347 0-4.965 4.763-4.965 11.6s2.619 11.6 4.965 11.6v2.539z"
fill="#64798a"
/>
</svg>
More icons in the same style and category