Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, diary, notebook, pencil, workbook, books, sketch, art and design, sketchbook, and drawing book. Created in a clean lineal color style with a silver, gray, black, red, teal, navy, 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 0-86.772-42.769c-4.954-2.441-10.949-.405-13.391 4.549l-42.768 86.772c-2.442 4.954-.405 10.949 4.548 13.39l86.773 42.769c4.953 2.442 10.948.405 13.39-4.549L4.548 13.391C6.99 8.438 4.953 2.441 0 0"
transform="translate(443.192 213.26)"
fill="#fd8087"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 42.766-86.776c2.447-4.951.41-10.947-4.546-13.386l-27.16-13.386c4.957 2.44 6.986 8.429 4.546 13.386L-27.16-13.386c-2.446 4.949-8.443 6.987-13.393 4.54l27.167 13.393C-8.442 6.986-2.446 4.949 0 0"
transform="translate(404.973 313.427)"
fill="#fd636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-86.772-42.769c-4.954-2.441-10.949-.405-13.391 4.549l-42.768 86.772c-2.442 4.954-.405 10.949 4.548 13.39l86.773 42.769c4.953 2.442 10.948.405 13.39-4.549L4.548 13.391C6.99 8.438 4.953 2.441 0 0Z"
transform="translate(443.192 213.26)"
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-91.6 31.115c-5.228 1.777-8.028 7.455-6.252 12.685l31.116 91.598c1.776 5.23 7.455 8.03 12.684 6.253l91.599-31.115c5.229-1.776 8.029-7.456 6.253-12.685L12.685 6.252C10.908 1.023 5.229-1.776 0 0"
transform="translate(422.073 278.787)"
fill="#5ee1c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-31.119-91.601c-1.771-5.229-7.45-8.03-12.681-6.25l-28.67 9.741c5.231-1.781 10.901 1.019 12.681 6.25L-28.67 9.739c1.771 5.23-1.029 10.91-6.26 12.681l28.68-9.74C-1.029 10.909 1.771 5.229 0 0"
transform="translate(465.875 376.64)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-91.6 31.115c-5.228 1.777-8.028 7.455-6.252 12.685l31.116 91.598c1.776 5.23 7.455 8.03 12.684 6.253l91.599-31.115c5.229-1.776 8.029-7.456 6.253-12.685L12.685 6.252C10.908 1.023 5.229-1.776 0 0Z"
transform="translate(422.073 278.787)"
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-292.304c-8.284 0-15 6.716-15 15v467c0 8.284 6.716 15 15 15H0c22.092 0 40-17.908 40-40V40C40 17.908 22.092 0 0 0"
transform="translate(352.897 7.5)"
fill="#6c7fd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-417c0-22.09-17.91-40-40-40h-31.89c22.09 0 40 17.91 40 40V0c0 22.09-17.91 40-40 40H-40C-17.91 40 0 22.09 0 0"
transform="translate(392.896 464.5)"
fill="#5066d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M136.35 7.502H91.951v496.996h44.399z"
fill="#2740b1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M136.35 7.502h-25.483v496.996h25.483Z"
fill="#1f3695"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-496.996"
transform="translate(136.35 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 0v496.996"
transform="translate(91.95 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 0v83.93c0 22.091-17.908 40-40 40h-292.304c-8.285 0-15-6.716-15-15v-467c0-8.284 6.715-15 15-15h122.934"
transform="translate(392.897 380.57)"
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 0h133.975c22.091 0 40 17.908 40 40v297.675"
transform="translate(218.923 7.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 0-21.722-20.173c-3.419-3.174-8.995-1.144-9.573 3.485l-3.673 29.416a49.598 49.598 0 0 0 2.609 23.112l99.788 274.167a5.723 5.723 0 0 0 7.335 3.42l34.462-12.543a5.722 5.722 0 0 0 3.42-7.335L12.857 19.383A49.608 49.608 0 0 0 0 0"
transform="translate(216.182 148.203)"
fill="#e0d3ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 102.937 282.816a5.723 5.723 0 0 1-3.428 7.335l-24.758 9.011c2.968-1.08 4.508-4.366 3.428-7.335L-24.768 9.015a11.364 11.364 0 0 0-2.963-4.473L-43.198-9.83l2.191-17.592c.573-4.621 6.152-6.651 9.57-3.483L-2.973-4.469A11.38 11.38 0 0 1 0 0"
transform="translate(225.895 158.935)"
fill="#cdc0bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-16.946-46.559a49.608 49.608 0 0 1-2.609-23.112l3.673-29.415c.578-4.63 6.155-6.659 9.573-3.484l21.723 20.172a49.605 49.605 0 0 1 12.857 19.382L128.06 211.15a5.725 5.725 0 0 1-3.42 7.336l-34.462 12.542a5.723 5.723 0 0 1-7.335-3.42L12.105 33.259"
transform="translate(200.769 230.602)"
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 22.14 60.828a5.723 5.723 0 0 0 7.335 3.42l34.462-12.543a5.722 5.722 0 0 0 3.419-7.335L45.217-16.457Z"
transform="translate(261.472 397.382)"
fill="#fe4855"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 22.144 60.826c1.08 2.969-.46 6.255-3.428 7.336l24.758-9.012a5.722 5.722 0 0 0 3.427-7.335L24.763-9.013Z"
transform="translate(281.93 389.935)"
fill="#fb2b3b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.835-27.02-45.217 16.457 9.835 27.021z"
transform="translate(316.523 407.944)"
fill="#fdc266"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.834-27.021-24.763 9.013 9.836 27.02z"
transform="translate(316.527 407.943)"
fill="#feb541"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 45.217-16.458"
transform="translate(271.307 424.402)"
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 22.14 60.828a5.723 5.723 0 0 0 7.335 3.42l34.462-12.543a5.722 5.722 0 0 0 3.419-7.335L45.217-16.457Z"
transform="translate(261.472 397.382)"
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-69.035c-5.523 0-10 4.477-10 10v31.817c0 5.524 4.477 10 10 10H0c5.523 0 10-4.476 10-10V10C10 4.477 5.523 0 0 0"
transform="translate(338.612 56.145)"
fill="#e0d3ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-69.035c-5.523 0-10 4.477-10 10v31.817c0 5.524 4.477 10 10 10H0c5.523 0 10-4.476 10-10V10C10 4.477 5.523 0 0 0Z"
transform="translate(338.612 56.145)"
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 0h53.018"
transform="translate(295.595 143.712)"
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 0h53.018"
transform="translate(295.595 169.46)"
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 0h33.018"
transform="translate(315.595 195.208)"
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