Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, book, diary, notebook, agenda, and school material. Created in a clean lineal color style with a white, silver, and black 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 0v-411.5c0-23.61-19.14-42.75-42.75-42.75h-244.815l-49.685 238.71 49.685 258.29H-42.75C-19.14 42.75 0 23.61 0 0"
transform="translate(456 461.75)"
fill="#93ecdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40C-16.39 0 2.75-19.14 2.75-42.75v-411.5C2.75-477.86-16.39-497-40-497H0c23.61 0 42.75 19.14 42.75 42.75v411.5C42.75-19.14 23.61 0 0 0"
transform="translate(433.25 504.5)"
fill="#76e7d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-497h-49.68c-23.61 0-42.75 19.14-42.75 42.75v411.5C-92.43-19.14-73.29 0-49.68 0z"
transform="translate(168.43 504.5)"
fill="#50e2ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37c-11.874 0-21.5 9.626-21.5 21.5S-48.874 43-37 43H0c11.874 0 21.5-9.626 21.5-21.5S11.874 0 0 0"
transform="translate(94.5 396.25)"
fill="#c2eafb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37c-11.874 0-21.5 9.626-21.5 21.5S-48.874 43-37 43H0c11.874 0 21.5-9.626 21.5-21.5S11.874 0 0 0"
transform="translate(94.5 288.5)"
fill="#c2eafb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37c-11.874 0-21.5 9.626-21.5 21.5S-48.874 43-37 43H0c11.874 0 21.5-9.626 21.5-21.5S11.874 0 0 0"
transform="translate(94.5 180.5)"
fill="#c2eafb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37c-11.874 0-21.5 9.626-21.5 21.5S-48.874 43-37 43H0c11.874 0 21.5-9.626 21.5-21.5S11.874 0 0 0"
transform="translate(94.5 72.75)"
fill="#c2eafb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.911-13.143-23.377-29.355-23.377S-58.71-12.911-58.71 0s13.143 23.377 29.355 23.377S0 12.911 0 0"
transform="translate(272.016 69.32)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.911 13.143-23.377 29.355-23.377S58.71-12.911 58.71 0 45.567 23.377 29.355 23.377 0 12.911 0 0"
transform="translate(372.42 69.32)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-160.67c-8.099 0-14.665-6.566-14.665-14.665V-39.4c0-8.1 6.566-14.666 14.665-14.666H0c8.099 0 14.665 6.566 14.665 14.666v24.735C14.665-6.566 8.099 0 0 0"
transform="translate(402.552 397.113)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-247.251C-270.861 0-290 19.139-290 42.749v22.5"
transform="translate(366 7.502)"
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 0h171.533c23.61 0 42.75-19.139 42.75-42.749v-411.499c0-23.609-19.14-42.749-42.75-42.749h-32.25"
transform="translate(261.717 504.498)"
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 0v22.5c0 23.61 19.139 42.749 42.749 42.749h108.468"
transform="translate(76 439.25)"
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 0v64.749"
transform="translate(76 331.5)"
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 0v65"
transform="translate(76 223.5)"
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 0v64.749"
transform="translate(76 115.75)"
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-37c-11.874 0-21.5 9.626-21.5 21.5v0C-58.5 33.374-48.874 43-37 43H0c11.874 0 21.5-9.626 21.5-21.5v0C21.5 9.626 11.874 0 0 0Z"
transform="translate(94.5 396.25)"
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-37c-11.874 0-21.5 9.626-21.5 21.5v0C-58.5 33.374-48.874 43-37 43H0c11.874 0 21.5-9.626 21.5-21.5v0C21.5 9.626 11.874 0 0 0Z"
transform="translate(94.5 288.5)"
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-37c-11.874 0-21.5 9.626-21.5 21.5v0C-58.5 33.374-48.874 43-37 43H0c11.874 0 21.5-9.626 21.5-21.5v0C21.5 9.626 11.874 0 0 0Z"
transform="translate(94.5 180.5)"
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-37c-11.874 0-21.5 9.626-21.5 21.5v0C-58.5 33.374-48.874 43-37 43H0c11.874 0 21.5-9.626 21.5-21.5v0C21.5 9.626 11.874 0 0 0Z"
transform="translate(94.5 72.75)"
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-496.997"
transform="translate(168.435 504.498)"
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 0h116.333"
transform="translate(264.05 290.71)"
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 0h70"
transform="translate(287.217 246.21)"
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-93.291c-8.1 0-14.666 6.566-14.666 14.665V39.4c0 8.1 6.566 14.666 14.666 14.666H67.378c8.1 0 14.665-6.566 14.665-14.666V14.665C82.043 6.566 75.478 0 67.378 0H35.685"
transform="translate(335.174 343.047)"
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-12"
transform="translate(259.769 103.823)"
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-12"
transform="translate(384.666 103.823)"
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 0c4.003-4.594 9.892-7.501 16.464-7.501 6.572 0 12.461 2.907 16.464 7.501"
transform="translate(305.753 92.18)"
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