Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, sheet, paper, note, writing, Tools and utensils, and notepad. Created in a clean lineal color style with a white, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-346.386c-6.71 0-12.2-5.49-12.2-12.2v-440.206c0-6.71 5.49-12.199 12.2-12.199H0c6.71 0 12.199 5.489 12.199 12.199V-12.2C12.199-5.49 6.71 0 0 0"
transform="translate(429.176 472.121)"
fill="#edebed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v440.206c0 6.71 5.49 12.2 12.2 12.2h-30c-6.71 0-12.2-5.49-12.2-12.2V0c0-6.71 5.49-12.2 12.2-12.2h30C5.49-12.2 0-6.71 0 0"
transform="translate(100.59 19.715)"
fill="#e0d9d5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-9.488a9.15 9.15 0 0 1-9.15-9.15v-59.643a9.15 9.15 0 0 1 9.15-9.15H0a9.15 9.15 0 0 1 9.15 9.15V-9.15A9.15 9.15 0 0 1 0 0"
transform="translate(130.593 504.484)"
fill="#f9ca46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-9.489a9.15 9.15 0 0 1-9.15-9.15v-59.643a9.15 9.15 0 0 1 9.15-9.15H0a9.15 9.15 0 0 1 9.149 9.15V-9.15A9.15 9.15 0 0 1 0 0"
transform="translate(195.66 504.484)"
fill="#f9ca46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-9.488a9.15 9.15 0 0 1-9.15-9.15v-59.643a9.15 9.15 0 0 1 9.15-9.15H0a9.15 9.15 0 0 1 9.15 9.15V-9.15A9.15 9.15 0 0 1 0 0"
transform="translate(260.726 504.484)"
fill="#f9ca46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-9.488a9.15 9.15 0 0 1-9.151-9.15v-59.643a9.15 9.15 0 0 1 9.151-9.15H0a9.15 9.15 0 0 1 9.149 9.15V-9.15A9.15 9.15 0 0 1 0 0"
transform="translate(325.794 504.484)"
fill="#f9ca46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-9.488a9.15 9.15 0 0 1-9.15-9.15v-59.643a9.15 9.15 0 0 1 9.15-9.15H0a9.15 9.15 0 0 1 9.15 9.15V-9.15A9.15 9.15 0 0 1 0 0"
transform="translate(390.86 504.484)"
fill="#f9ca46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v59.643c0 3.021 1.471 5.691 3.728 7.358a9.099 9.099 0 0 1-5.423 1.792h-9.489a9.15 9.15 0 0 1-9.149-9.15V0a9.15 9.15 0 0 1 9.149-9.15h9.489c2.033 0 3.904.671 5.423 1.792C1.471-5.692 0-3.021 0 0"
transform="translate(132.288 435.691)"
fill="#efae2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v59.643c0 3.021 1.47 5.691 3.727 7.358a9.098 9.098 0 0 1-5.422 1.792h-9.489a9.15 9.15 0 0 1-9.15-9.15V0a9.15 9.15 0 0 1 9.15-9.15h9.489c2.032 0 3.903.671 5.422 1.792C1.47-5.691 0-3.021 0 0"
transform="translate(197.355 435.691)"
fill="#efae2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v59.643c0 3.021 1.471 5.691 3.728 7.358a9.099 9.099 0 0 1-5.423 1.792h-9.489a9.15 9.15 0 0 1-9.149-9.15V0a9.15 9.15 0 0 1 9.149-9.15h9.489c2.033 0 3.904.671 5.423 1.792C1.471-5.692 0-3.021 0 0"
transform="translate(262.422 435.691)"
fill="#efae2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v59.643c0 3.021 1.47 5.691 3.727 7.358a9.098 9.098 0 0 1-5.422 1.792h-9.489a9.15 9.15 0 0 1-9.15-9.15V0a9.15 9.15 0 0 1 9.15-9.15h9.489c2.032 0 3.903.671 5.422 1.792C1.47-5.691 0-3.021 0 0"
transform="translate(327.49 435.691)"
fill="#efae2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v59.643c0 3.021 1.471 5.691 3.728 7.358a9.099 9.099 0 0 1-5.423 1.792h-9.489a9.15 9.15 0 0 1-9.149-9.15V0a9.15 9.15 0 0 1 9.149-9.15h9.489c2.033 0 3.904.671 5.423 1.792C1.471-5.692 0-3.021 0 0"
transform="translate(392.556 435.691)"
fill="#efae2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-9.488a9.15 9.15 0 0 1-9.151-9.15v-59.643a9.15 9.15 0 0 1 9.151-9.15H0a9.15 9.15 0 0 1 9.15 9.15V-9.15A9.15 9.15 0 0 1 0 0Z"
transform="translate(130.61 504.484)"
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-9.489a9.15 9.15 0 0 1-9.15-9.15v-59.643a9.15 9.15 0 0 1 9.15-9.15H0a9.15 9.15 0 0 1 9.149 9.15V-9.15A9.15 9.15 0 0 1 0 0Z"
transform="translate(195.678 504.484)"
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-9.488a9.15 9.15 0 0 1-9.15-9.15v-59.643a9.15 9.15 0 0 1 9.15-9.15H0a9.15 9.15 0 0 1 9.15 9.15V-9.15A9.15 9.15 0 0 1 0 0Z"
transform="translate(260.744 504.484)"
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-9.489a9.15 9.15 0 0 1-9.15-9.15v-59.643a9.15 9.15 0 0 1 9.15-9.15H0a9.15 9.15 0 0 1 9.149 9.15V-9.15A9.15 9.15 0 0 1 0 0Z"
transform="translate(325.812 504.484)"
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-9.488a9.15 9.15 0 0 1-9.15-9.15v-59.643a9.15 9.15 0 0 1 9.15-9.15H0a9.15 9.15 0 0 1 9.15 9.15V-9.15A9.15 9.15 0 0 1 0 0Z"
transform="translate(390.878 504.484)"
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 0h264.785"
transform="translate(123.607 364.296)"
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 0h264.785"
transform="translate(123.607 323.92)"
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 0h264.785"
transform="translate(123.607 283.546)"
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 0h264.785"
transform="translate(123.607 243.17)"
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 0h264.785"
transform="translate(123.607 202.795)"
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 0h264.785"
transform="translate(123.607 162.42)"
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 0h264.785"
transform="translate(123.607 122.045)"
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 0h264.785"
transform="translate(123.607 81.67)"
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 0h155.692c6.711 0 12.201 5.49 12.201 12.2v218.784"
transform="translate(273.5 7.516)"
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 0v186.421c0 6.71-5.489 12.2-12.2 12.2h-29.164v-36.43c0-5.053-4.097-9.149-9.151-9.149h-9.488a9.149 9.149 0 0 0-9.15 9.149v36.43h-37.279v-36.43a9.149 9.149 0 0 0-9.149-9.149h-9.489a9.15 9.15 0 0 0-9.15 9.149v36.43h-37.279v-36.43a9.149 9.149 0 0 0-9.149-9.149h-9.489a9.149 9.149 0 0 0-9.149 9.149v36.43h-37.279v-36.43a9.15 9.15 0 0 0-9.15-9.149h-9.489a9.15 9.15 0 0 0-9.15 9.149v36.43h-37.278v-36.43a9.15 9.15 0 0 0-9.15-9.149h-9.489a9.15 9.15 0 0 0-9.15 9.149v36.43h-29.164c-6.71 0-12.2-5.49-12.2-12.2v-440.206c0-6.71 5.49-12.199 12.2-12.199h155.692"
transform="translate(441.392 273.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