Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, write, notebook, pencil, pen, note, and stationery. Created in a clean lineal color style with a white, gray, black, red, 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-318.912c-18.173 0-32.905 14.732-32.905 32.905v388.892c0 18.173 14.732 32.905 32.905 32.905H0c18.173 0 32.905-14.732 32.905-32.905V32.905C32.905 14.732 18.173 0 0 0"
transform="translate(359.317 9.926)"
fill="#faf7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.771c-18.171 0-32.898 14.737-32.898 32.909v388.895c0 18.172 14.727 32.899 32.898 32.899H0c-18.171 0-32.898-14.727-32.898-32.899V32.909C-32.898 14.737-18.171 0 0 0"
transform="translate(63.169 9.919)"
fill="#dedbee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37.528"
transform="translate(109.323 464.624)"
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-37.528"
transform="translate(255.061 464.624)"
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 0v49.69c0 16.83 12.63 30.7 28.94 32.65"
transform="translate(7.5 382.04)"
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-132.27c0-18.17-14.74-32.91-32.91-32.91h-318.91c-18.18 0-32.91 14.74-32.91 32.91v304.21"
transform="translate(392.23 175.1)"
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 0c16.311-1.952 28.954-15.831 28.954-32.664v-142.713"
transform="translate(363.272 464.39)"
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-37.518"
transform="translate(327.92 464.624)"
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-37.528"
transform="translate(182.192 464.624)"
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-9.761 0-17.673-7.913-17.673-17.673v-47.58c0-9.761 7.912-17.673 17.673-17.673 9.76 0 17.672 7.912 17.672 17.673v47.58C17.672-7.913 9.76 0 0 0"
transform="translate(54.119 502.081)"
fill="#ffd15b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.308c0-4.885-1.983-9.3-5.182-12.499a17.61 17.61 0 0 0-12.499-5.171c-9.76 0-17.671 7.91-17.671 17.67V0c0-9.76 7.911-17.681 17.671-17.681A17.62 17.62 0 0 1-5.182-12.5 17.64 17.64 0 0 1 0 0"
transform="translate(71.797 470.135)"
fill="#ffc344"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-9.761 0-17.673-7.913-17.673-17.673v-47.58c0-9.761 7.912-17.673 17.673-17.673 9.76 0 17.672 7.912 17.672 17.673v47.58C17.672-7.913 9.76 0 0 0Z"
transform="translate(54.119 502.081)"
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-9.761 0-17.673-7.913-17.673-17.673v-47.58c0-9.761 7.912-17.673 17.673-17.673 9.76 0 17.673 7.912 17.673 17.673v47.58C17.673-7.913 9.76 0 0 0"
transform="translate(126.991 502.081)"
fill="#ffd15b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.308c0-4.885-1.983-9.3-5.172-12.499a17.63 17.63 0 0 0-12.499-5.171c-9.76 0-17.67 7.91-17.67 17.67V0c0-9.76 7.91-17.681 17.67-17.681 4.875 0 9.3 1.983 12.499 5.181A17.673 17.673 0 0 1 0 0"
transform="translate(144.663 470.135)"
fill="#ffc344"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-9.761 0-17.673-7.913-17.673-17.673v-47.58c0-9.761 7.912-17.673 17.673-17.673 9.76 0 17.673 7.912 17.673 17.673v47.58C17.673-7.913 9.76 0 0 0Z"
transform="translate(126.991 502.081)"
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-9.761 0-17.673-7.913-17.673-17.673v-47.58c0-9.761 7.912-17.673 17.673-17.673 9.76 0 17.672 7.912 17.672 17.673v47.58C17.672-7.913 9.76 0 0 0"
transform="translate(199.86 502.081)"
fill="#ffd15b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.308c0-4.885-1.973-9.3-5.171-12.499a17.617 17.617 0 0 0-12.5-5.171c-9.76 0-17.67 7.91-17.67 17.67V0c0-9.76 7.91-17.681 17.67-17.681 4.885 0 9.3 1.983 12.5 5.181A17.634 17.634 0 0 1 0 0"
transform="translate(217.534 470.135)"
fill="#ffc344"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-9.761 0-17.673-7.913-17.673-17.673v-47.58c0-9.761 7.912-17.673 17.673-17.673 9.76 0 17.672 7.912 17.672 17.673v47.58C17.672-7.913 9.76 0 0 0Z"
transform="translate(199.86 502.081)"
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-9.761 0-17.673-7.913-17.673-17.673v-47.58c0-9.761 7.912-17.673 17.673-17.673 9.76 0 17.672 7.912 17.672 17.673v47.58C17.672-7.913 9.76 0 0 0"
transform="translate(272.73 502.081)"
fill="#ffd15b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.308c0-4.885-1.983-9.3-5.172-12.499a17.63 17.63 0 0 0-12.499-5.171c-9.76 0-17.681 7.91-17.681 17.67V0c0-9.76 7.921-17.681 17.681-17.681 4.875 0 9.3 1.983 12.499 5.181A17.673 17.673 0 0 1 0 0"
transform="translate(290.406 470.135)"
fill="#ffc344"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-9.761 0-17.673-7.913-17.673-17.673v-47.58c0-9.761 7.912-17.673 17.673-17.673 9.76 0 17.672 7.912 17.672 17.673v47.58C17.672-7.913 9.76 0 0 0Z"
transform="translate(272.73 502.081)"
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-9.761 0-17.673-7.913-17.673-17.673v-47.58c0-9.761 7.912-17.673 17.673-17.673 9.76 0 17.672 7.912 17.672 17.673v47.58C17.672-7.913 9.76 0 0 0"
transform="translate(345.597 502.081)"
fill="#ffd15b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.308c0-4.885-1.982-9.3-5.182-12.499a17.628 17.628 0 0 0-12.499-5.171c-9.76 0-17.67 7.91-17.67 17.67V0c0-9.76 7.91-17.681 17.67-17.681 4.875 0 9.301 1.983 12.499 5.181C-1.982-9.3 0-4.875 0 0"
transform="translate(363.276 470.135)"
fill="#ffc344"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-9.761 0-17.673-7.913-17.673-17.673v-47.58c0-9.761 7.912-17.673 17.673-17.673 9.76 0 17.672 7.912 17.672 17.673v47.58C17.672-7.913 9.76 0 0 0Z"
transform="translate(345.597 502.081)"
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 0h285.618"
transform="translate(57.052 341.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 0h285.618"
transform="translate(57.052 277.326)"
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-259.611"
transform="translate(316.658 213.445)"
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-220.928"
transform="translate(277.975 149.56)"
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-132.89"
transform="translate(342.67 85.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 0h-117.73"
transform="translate(174.78 85.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 0-149.997-149.998-36.762 16.586-20.192 40.368L-56.954 56.954c6.75 6.749 17.691 6.749 24.441 0L0 24.44C6.75 17.691 6.75 6.75 0 0"
transform="translate(499.435 282.313)"
fill="#fe646f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-18.984 37.961 149.997 149.998c6.75 6.749 17.691 6.749 24.441 0l10.088-10.088c-2.558 2.558-10.103-.839-16.853-7.589L-1.308 20.285Z"
transform="translate(311.47 151.307)"
fill="#fd4755"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.767-7.95c-10.182-3.721-20.061 6.158-16.339 16.34l7.949 21.767 25.635-4.007z"
transform="translate(307.206 116.879)"
fill="#7a6d79"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.233-15.436-30.157 30.157 15.436 42.233Z"
transform="translate(349.438 132.315)"
fill="#ffdfcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.359 9.359L6.078 51.591l17.676-17.676Z"
transform="translate(286.407 137.677)"
fill="#ffcebf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 38.45 38.45c6.75 6.75 6.75 17.7 0 24.45L5.94 95.41c-6.75 6.75-17.7 6.75-24.45 0l-149.99-150-23.39-64c-3.72-10.18 6.16-20.06 16.34-16.34l64.01 23.39 86.91 86.91"
transform="translate(460.99 243.86)"
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 56.955-56.955"
transform="translate(292.49 189.274)"
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-30.157 30.157"
transform="translate(307.207 116.882)"
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