Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, study, book, notebook, school, pencil, workbook, learning, and homework. Created in a clean lineal color style with a white, gray, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M422 110h80v292h-80z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffda8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-252v-492H0c22.09 0 40 17.91 40 40v412C40-17.91 22.09 0 0 0"
transform="translate(322 502)"
fill="#b3f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-20c0-22.09-17.91-40-40-40s-40 17.91-40 40V0Z"
transform="translate(502 70)"
fill="#ff9256"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M502 70h-80v40h80z"
fill="#eefaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 16-40c0-11.05-8.95-20-20-20s-20 8.95-20 20c0-11.05-8.95-20-20-20s-20 8.95-20 20l16 40z"
transform="translate(486 442)"
fill="#fce8d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 24-60h-48Z"
transform="translate(462 502)"
fill="#918787"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-40c0-11.05-8.95-20-20-20h-60l-40 40 40 40h60C-8.95 20 0 11.05 0 0"
transform="translate(382 256)"
fill="#ff9256"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M296 362H136v80h160z"
fill="#eefaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M70 10H10v492h60z"
fill="#918787"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(322 246)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(256 86)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(216 86)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(176 86)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-24 60-24-60-16-40v-352c0-22.09 17.91-40 40-40s40 17.91 40 40v352z"
transform="translate(486 442)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-11.05-8.95-20-20-20s-20 8.95-20 20"
transform="translate(462 402)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-11.05-8.95-20-20-20s-20 8.95-20 20v-292"
transform="translate(502 402)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h48"
transform="translate(438 442)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h80"
transform="translate(422 70)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h80"
transform="translate(422 110)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-60l-40-40 40-40H0c11.05 0 20 8.95 20 20v40C20-8.95 11.05 0 0 0Z"
transform="translate(362 276)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v186c0 22.09-17.91 40-40 40h-312v-492h312c22.09 0 40 17.91 40 40v146"
transform="translate(362 276)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M296 362H136v80h160z"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h160"
transform="translate(136 116)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h160"
transform="translate(136 156)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.523-4.477-10-10-10S-20-5.523-20 0s4.477 10 10 10S0 5.523 0 0"
transform="translate(80 256)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-201"
transform="translate(70 502)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-201"
transform="translate(70 211)"
fill="none"
stroke="#000"
stroke-width="20"
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