Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, book, bookmark, write, notebook, pencil, pen, and agenda. Created in a clean lineal color style with a white, silver, gray, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-424.62c-19.987 0-36.19 16.203-36.19 36.19v319.195c0 12.508 10.14 22.648 22.647 22.648h191.642l34.16-38.691 32.124 38.691H13.542c12.508 0 22.648-10.14 22.648-22.648V36.19C36.19 16.203 19.987 0 0 0"
transform="translate(468.31 60.063)"
fill="#688b96"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 13.45 9.492a4.788 4.788 0 0 0 5.521 0L32.421 0c3.172-2.239 7.549.03 7.549 3.912v102.48H-7.549V3.912C-7.549.03-3.172-2.239 0 0"
transform="translate(94.645 33.517)"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-190.656v346.486c0 18.956 15.366 34.323 34.322 34.323H0c10.632 0 19.251-8.619 19.251-19.251V19.251C19.251 8.619 10.632 0 0 0"
transform="translate(446.707 98.56)"
fill="#fffae3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-65.246c10.632 0 19.251-8.619 19.251-19.251v-342.307c0-10.632-8.619-19.251-19.251-19.251H0c10.632 0 19.251 8.619 19.251 19.251v342.307C19.251-8.619 10.632 0 0 0"
transform="translate(446.708 479.368)"
fill="#fdf3ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-190.656c-10.633 0-19.251 8.619-19.251 19.251v342.307c0 10.632 8.618 19.251 19.251 19.251h156.334C-15.367 380.809 0 365.442 0 346.486Z"
transform="translate(255.949 98.56)"
fill="#fffae3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-65.143c18.955 0 34.322-15.367 34.322-34.323v-346.486h65.143v346.486C34.322-15.367 18.956 0 0 0"
transform="translate(221.626 479.368)"
fill="#fdf3ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-32.317-12.452c-3.056-1.178-6.06 1.826-4.883 4.882l12.452 32.318a41.063 41.063 0 0 0 9.279 14.267l160.31 160.311c8.212 8.211 21.526 8.211 29.737 0 8.212-8.212 8.212-21.526 0-29.737L14.268 9.278A41.06 41.06 0 0 0 0 0"
transform="translate(323.763 72.777)"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-29.737 29.736-3.55-3.55a41.053 41.053 0 0 1-9.279-14.268l-12.452-32.317c-1.177-3.056 1.827-6.06 4.882-4.882l32.318 12.452A41.06 41.06 0 0 1-3.55-3.551z"
transform="translate(341.582 85.606)"
fill="#df9874"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.212 8.211-21.525 8.211-29.737 0l-18.119-18.119 29.737-29.737L0-29.737C8.211-21.525 8.211-8.212 0 0"
transform="translate(498.341 272.103)"
fill="#a8d0d5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h119.309"
transform="translate(91.392 334.873)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h119.309"
transform="translate(91.392 288.981)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h119.309"
transform="translate(91.392 243.09)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h59.603"
transform="translate(91.392 197.164)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h119.309"
transform="translate(303.157 380.764)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h119.309"
transform="translate(303.157 334.873)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h119.309"
transform="translate(303.157 288.981)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h59.604"
transform="translate(303.157 243.055)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h106.336a6.487 6.487 0 0 1 6.487 6.486V30.64a6.487 6.487 0 0 1-6.487 6.486H0a6.486 6.486 0 0 1-6.486-6.486V6.486A6.486 6.486 0 0 1 0 0"
transform="translate(97.878 380.764)"
fill="#89c6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v190.66c0 10.632-8.619 19.251-19.251 19.251h-156.334c-18.956 0-34.323-15.367-34.323-34.323v-346.486h43.395"
transform="translate(465.959 269.457)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h92.173c10.632 0 19.251 8.619 19.251 19.251v92.173"
transform="translate(354.535 98.56)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v107.711c0 10.632 8.619 19.251 19.251 19.251h156.334c18.956 0 34.322-15.367 34.322-34.323v-346.486H19.251C8.619-253.847 0-245.228 0-234.596v199.531"
transform="translate(46.041 352.406)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h106.336a6.487 6.487 0 0 1 6.487 6.486V30.64a6.487 6.487 0 0 1-6.487 6.486H0a6.486 6.486 0 0 1-6.486-6.486V6.486A6.486 6.486 0 0 1 0 0Z"
transform="translate(97.878 380.764)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 108.873 108.873c8.211 8.211 21.525 8.211 29.737 0 8.211-8.212 8.211-21.525 0-29.737L-21.7-81.174a41.062 41.062 0 0 0-14.268-9.279l-32.318-12.452c-3.055-1.178-6.06 1.826-4.882 4.883l12.452 32.317a41.049 41.049 0 0 0 9.279 14.267l26.643 26.644"
transform="translate(359.731 163.23)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-29.737 29.736"
transform="translate(341.582 85.606)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 29.737-29.737"
transform="translate(450.485 253.984)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15.894c-12.508 0-22.648-10.14-22.648-22.647v-319.196c0-19.987 16.203-36.19 36.19-36.19h43.407"
transform="translate(46.041 438.096)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h333.695c19.987 0 36.19 16.203 36.19 36.19v319.195c0 12.508-10.14 22.648-22.648 22.648h-15.893"
transform="translate(134.615 60.063)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-61.131c0-3.882 4.377-6.15 7.549-3.911l13.45 9.491a4.786 4.786 0 0 0 5.522 0l13.449-9.491c3.172-2.239 7.549.029 7.549 3.911V0"
transform="translate(87.096 98.56)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category