Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, note, writing, and notepad. Created in a clean lineal color style with a white, silver, black, 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="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="m0 0-60-248.5L0-467h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 632.667 50)"
fill="#48d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60-248.5L0-467h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 592.667 50)"
fill="#7be3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M97.5 7.5h347v135h-347z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#adeeff"
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 0-227-100h-90c0-24.853 20.147-45 45-45H45Z"
transform="translate(324.5 242.5)"
fill="#e0f8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100c0-24.853 20.147-45 45-45h30V0Z"
transform="translate(324.5 242.5)"
fill="#adeeff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60-120 90 60V0Z"
transform="translate(414.5 474.5)"
fill="#adeeff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-317v-60l30-60H0Z"
transform="translate(414.5 474.5)"
fill="#e0f8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a44.914 44.914 0 0 1 15-2.571c24.853 0 45 20.147 45 45v272H30Z"
transform="translate(384.5 100.07)"
fill="#e0f8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-272h257c0-19.592 12.524-36.25 30-42.429 17.476 6.179 30 22.837 30 42.429V0Z"
transform="translate(97.5 414.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-242"
transform="translate(157.5 414.5)"
fill="none"
stroke="#fc5a37"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60"
transform="translate(157.5 67.5)"
fill="none"
stroke="#fc5a37"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60h407v467H0V75"
transform="translate(97.5 67.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-347"
transform="translate(444.5 414.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 0v-467"
transform="translate(474.5 474.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-347c-24.853 0-45 20.147-45 45h347C-45 20.147-24.853 0 0 0s45 20.147 45 45v332"
transform="translate(399.5 97.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 0c-16.568 0-30 13.431-30 30 0 16.569 13.432 30 30 30 16.568 0 30-13.431 30-30"
transform="translate(157.5 444.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 0c-16.568 0-30 13.431-30 30 0 16.569 13.432 30 30 30 16.568 0 30-13.431 30-30"
transform="translate(271 444.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 0c-16.568 0-30 13.431-30 30 0 16.569 13.432 30 30 30 16.568 0 30-13.431 30-30"
transform="translate(384.5 444.5)"
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