Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, mathematics, maths, and notepad. Created in a clean lineal color style with a white, silver, gray, black, maroon, yellow, olive, teal, 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="512"
height="512"
viewBox="0 0 64 64"
>
<path
fill="#a72b25"
d="M50 33v27a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h44a2 2 0 0 1 2 2v17"
/>
<path
fill="#b52f28"
d="M2 4v47.405A42 42 0 0 0 27 13a42.052 42.052 0 0 0-1.465-11H4a2 2 0 0 0-2 2z"
/>
<path fill="#ddd" d="M42 41v15a2 2 0 0 1-2 2H6V6h34a2 2 0 0 1 2 2v21" />
<path
fill="#f2f2f2"
d="M6 49.367A41.973 41.973 0 0 0 27 13a42.171 42.171 0 0 0-.592-7H6z"
/>
<path fill="#363a4f" d="M42 22h4v8h-4" />
<path fill="#e1656e" d="M42 34h4v8h-4" />
<path fill="#7aadf9" d="M42 46h4v8h-4" />
<path fill="#e1656e" d="M6 6h4v52H6z" />
<path
fill="#213d68"
d="M33.94 24.115 26 10l-7.939 14.115C19.577 22.856 22.563 22 26 22s6.424.856 7.94 2.115z"
/>
<path
fill="#ccc"
d="m54 17 .757-.757a4.243 4.243 0 0 1 3-1.243A4.242 4.242 0 0 1 62 19.243a4.243 4.243 0 0 1-1.243 3L60 23"
/>
<path fill="#559b2d" d="M29.994 41 50.99 20.002l6 5.999-20.997 20.996z" />
<path fill="#d5883e" d="m50.993 20.004 3-3 5.998 5.999-3 3z" />
<path fill="#f2b9a1" d="m30 41-4 10 10-4" />
<path fill="#2a2a2a" d="m31.714 48.714-3.428-3.428L26 51z" />
<path fill="#f0ae42" d="M42 10h4v8h-4" />
<path
fill="#fad85d"
d="m32.288 43.303 20.997-20.997 1.415 1.415-20.997 20.996z"
/>
<ellipse cx="26" cy="26" fill="#4c6cb5" rx="9" ry="4" />
<path fill="#78a0d4" d="M33 38H14v-4h23" />
<path fill="#ccc" d="M13.001 50H23v2h-9.999z" />
<path
fill="#5e87ca"
d="M26 22c-4.971 0-9 1.791-9 4 0 1.82 2.736 3.353 6.478 3.838A41.633 41.633 0 0 0 26.023 22z"
/>
<path
fill="#3b5892"
d="M18.061 24.115v-.001zM26.968 11.72 26 10l-7.939 14.114C19.577 22.856 22.563 22 26 22h.023A42.1 42.1 0 0 0 27 13c0-.429-.02-.854-.032-1.28z"
/>
<path
fill="#7aadf9"
d="M21.367 34H14v4h4.748a42.121 42.121 0 0 0 2.619-4z"
/>
<path fill="#f29b99" d="M6 49.367a42.121 42.121 0 0 0 4-2.619V6H6z" />
<path
d="M26 31c5.7 0 10-2.149 10-5a3.377 3.377 0 0 0-1.253-2.492l-7.875-14a1.041 1.041 0 0 0-1.743 0l-7.872 14A3.38 3.38 0 0 0 16 26c0 2.85 4.3 5 10 5zm0-2c-4.884 0-8-1.776-8-3s3.116-3 8-3 8 1.776 8 3-3.118 3-8 3zm0-16.96 5.475 9.732A18.4 18.4 0 0 0 26 21a18.4 18.4 0 0 0-5.474.772zM13 50h9.998v2H13z"
/>
<path
d="M63 19.242a5.243 5.243 0 0 0-8.95-3.707L51 18.584V4a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v56a3 3 0 0 0 3 3h44a3 3 0 0 0 3-3V33.413l10.463-10.464A5.2 5.2 0 0 0 63 19.242zM7 57V7h2v50zm4-50h29a1 1 0 0 1 1 1v20.585L36.584 33H14a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h16.585l-1.293 1.293a.992.992 0 0 0-.221.336l-4 10a1 1 0 0 0 1.3 1.3l10-4a1.022 1.022 0 0 0 .336-.221L41 43.414V56a1 1 0 0 1-1 1H11zm32 4h2v6h-2zm0 12h2v1.585l-2 2zm8-1.587L52.585 23 33 42.585 31.413 41zM32.585 37H15v-2h19.584zM28.65 47.066l1.283 1.283-2.133.851zm3.305.474-2.5-2.5.906-2.264 3.855 3.854zM43 47h2v6h-2zm-7-1.415L34.414 44 54 24.414 55.585 26zm9-6.171V41h-1.586zM52.414 20 54 18.413 58.584 23 57 24.584zM49 60a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h44a1 1 0 0 1 1 1v16.584l-2 2V22a1 1 0 0 0-1-1h-3v-2h3a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-3V8a3 3 0 0 0-3-3H6a1 1 0 0 0-1 1v52a1 1 0 0 0 1 1h34a3 3 0 0 0 3-3v-1h3a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-3v-2h3a1 1 0 0 0 1-1v-4.586l2-2zm11.049-38.465-.05.049L55.414 17l.049-.05a3.243 3.243 0 1 1 4.586 4.586z"
/>
</svg>
More icons in the same style and category