Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, diary, write, notebook, pencil, workbook, and journal. Created in a clean lineal color style with a white, black, red, yellow, teal, purple, 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 0a16.558 16.558 0 0 0-.472 3.922v304.529l33.134 16.566 33.133-16.566V3.922a16.55 16.55 0 0 0-.471-3.921z"
transform="translate(422.138 88.366)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-316.031c0-1.326-.159-2.642-.471-3.922l-42.319-.001 65.324.001c.312 1.28.471 2.596.471 3.922v304.529z"
transform="translate(464.928 408.32)"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v33.134C0 42.283-7.417 49.7-16.566 49.7h-33.133c-9.15 0-16.568-7.417-16.568-16.566V0l33.134-16.566z"
transform="translate(487.933 429.95)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M487.933 396.817h-66.267v33.133h66.267z"
fill="#e9efff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.005c9.15 0 16.567-7.417 16.567-16.566v-44.637L16.566-49.7v33.134C16.566-7.417 9.149 0 0 0"
transform="translate(471.366 479.65)"
fill="#e80054"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M464.928 396.817h23.005v33.133h-23.005z"
fill="#d3dcfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 9.699 19.397a16.56 16.56 0 0 1 1.275 3.499l-29.04 14.73a8.001 8.001 0 0 1-7.239 0l-29.036-14.727-.009-.008a16.59 16.59 0 0 1 1.28-3.494L-43.371 0l21.684-4.458Z"
transform="translate(476.485 65.483)"
fill="#f9ba8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.999 7.999 0 0 1-7.238 0l-7.88-3.997 21.16-10.732a16.548 16.548 0 0 0-1.275-3.5l-9.699-19.397-10.188-2.094 11.499-2.364 21.687 4.458 9.7 19.397a16.6 16.6 0 0 1 1.274 3.5z"
transform="translate(458.419 103.109)"
fill="#fcad6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 14.277-28.555c3.053-6.105 11.766-6.105 14.819 0L43.372 0Z"
transform="translate(433.113 65.483)"
fill="#4fabf7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10.186-20.371 4.092-8.184c3.053-6.105 11.766-6.105 14.819 0L23.001 0Z"
transform="translate(453.484 65.483)"
fill="#1886ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-36.598 29.668-66.267 66.267-66.267h232.216l16.566 5.75 16.567-5.75h16.282c9.15 0 16.568 7.417 16.568 16.567v33.119l-4.5 34.815 4.5 27.749v36.85H10.55L0 6.816Z"
transform="translate(23.784 73.767)"
fill="#e80054"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v36.851h-22.967V-95.683c0-7.514-5.007-13.851-11.864-15.88l1.98-.687h16.283C-7.418-112.25 0-104.833 0-95.683v33.12l-4.5 34.814z"
transform="translate(388.25 119.75)"
fill="#c20051"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-16.282l-16.567-3.688L-49.415 0h-232.217c-36.597 0-66.266-29.669-66.266-66.267v-364.466c0 36.598 29.669 66.266 66.267 66.266H.001c9.149 0 16.567 7.418 16.567 16.568v331.332C16.568-7.417 9.15 0 0 0"
transform="translate(371.682 504.5)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h198.799c9.15 0 16.568 7.417 16.568 16.567v66.266c0-9.149-7.418-16.567-16.568-16.567l-281.632.001c-18.299 0-33.133-14.834-33.133-33.133 0-18.3 14.834-33.134 33.133-33.134h16.566z"
transform="translate(172.883 40.634)"
fill="#e9efff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-6.399v-49.699c0-9.15-7.417-16.567-16.567-16.567H0c9.149 0 16.567 7.417 16.567 16.567v66.266C16.567 7.417 9.149 0 0 0"
transform="translate(371.683 106.9)"
fill="#d3dcfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13.135 13.136a8.284 8.284 0 0 1-11.715 0L-37.985 0c-5.219-5.218-14.141-1.522-14.141 5.857v57.967h66.267V5.857C14.141-1.522 5.218-5.218 0 0"
transform="translate(158.743 9.943)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-67.399c-8.837 0-16 7.164-16 16v17.7c0 8.837 7.163 16 16 16H0c8.837 0 16-7.163 16-16V16C16 7.164 8.837 0 0 0"
transform="translate(272.85 405.1)"
fill="#e9efff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23c8.837 0 16-7.164 16-16v-17.7c0-8.837-7.163-16-16-16H0c8.837 0 16 7.163 16 16V-16C16-7.164 8.837 0 0 0"
transform="translate(272.85 454.8)"
fill="#d3dcfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-54.964l8.86-8.86C14.078-69.042 23-65.346 23-57.966V0Z"
transform="translate(149.883 73.767)"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-16.282l-2.494-.555c7.117-1.859 12.378-8.312 12.378-16.012V-347.899c0-9.151-7.417-16.568-16.568-16.568H0c9.15 0 16.568 7.417 16.568 16.568v331.332C16.568-7.417 9.15 0 0 0"
transform="translate(371.682 504.5)"
fill="#e80054"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M355.399 7.5h-33.133v138.167h33.133z"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M355.399 140.033h-33.133V504.5h33.133z"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v75.333c0 36.598 29.668 66.266 66.266 66.266l281.633.001c9.149 0 16.567-7.418 16.567-16.568V-206.3c0-9.15-7.418-16.568-16.567-16.568H66.267"
transform="translate(24.067 362.9)"
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 0v259.133"
transform="translate(24.067 73.767)"
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-231.933.001c-18.299 0-33.133-14.834-33.133-33.133 0-18.3 14.834-33.134 33.133-33.134h16.567"
transform="translate(322.267 106.9)"
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 0h16.566c9.15 0 16.568 7.417 16.568 16.567v66.266c0-9.149-7.418-16.567-16.568-16.567H0"
transform="translate(355.4 40.634)"
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 0h149.1"
transform="translate(173.167 40.634)"
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.134"
transform="translate(355.4 73.767)"
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 0h265.066"
transform="translate(57.2 73.767)"
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-167.234C-203.832 0-233.5 29.669-233.5 66.267s29.668 66.266 66.266 66.266"
transform="translate(257.567 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 0v-132.533c0-9.15-7.418-16.568-16.567-16.568h-84.4"
transform="translate(388.533 156.6)"
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-364.467"
transform="translate(90.333 504.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-13.136 13.136a8.283 8.283 0 0 1-11.714 0L-37.986 0c-5.218-5.218-14.14-1.522-14.14 5.857v57.967h66.267V5.857C14.141-1.522 5.218-5.218 0 0Z"
transform="translate(159.026 9.943)"
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-67.399c-8.837 0-16 7.164-16 16v17.7c0 8.837 7.163 16 16 16H0c8.837 0 16-7.163 16-16V16C16 7.164 8.837 0 0 0Z"
transform="translate(273.133 405.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 0-23.975-47.951c-3.052-6.105-11.765-6.105-14.818 0L-62.769 0a16.585 16.585 0 0 0-1.749 7.409v370.794c0 9.15 7.418 16.567 16.568 16.567h33.133c9.149 0 16.566-7.417 16.566-16.567V7.409C1.749 4.837 1.15 2.301 0 0Z"
transform="translate(486.184 84.88)"
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 32.663 16.567L65.325 0"
transform="translate(422.137 88.378)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M487.933 396.816h-66.267v33.133h66.267z"
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 0h43.039"
transform="translate(433.113 65.483)"
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-291.872"
transform="translate(454.8 396.816)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M355.399 140.033h-33.133V504.5h33.133z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M355.399 7.5h-33.133v132.534h33.133z"
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