Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, diary, notebook, agenda, fox, color 2022, and color of the year 2022. Created in a clean lineal color style with a white, silver, gray, black, red, teal, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
d="M104.459 402.784c.082 3.876 3.965 6.595 7.635 5.346 17.087-5.814 38.133-1.265 56.344-27.273 10.711-15.297 11.352-41.579-5.54-53.408-16.892-11.828-41.37-2.237-52.082 13.061-18.211 26.008-6.738 44.229-6.357 62.274z"
fill="#495560"
/>
<path
d="M181.39 435.028c-8.678 0-16.529-5.954-18.582-14.769-4.673-20.064-8.329-45.45-.012-81.602 2.365-10.277 12.613-16.695 22.892-14.328 10.278 2.365 16.693 12.615 14.329 22.893-6.553 28.482-3.878 47.772-.012 64.374 2.393 10.272-3.995 20.538-14.267 22.93-1.456.34-2.913.502-4.348.502zM264.438 419.832c-9.524 0-17.764-7.115-18.935-16.808-2.353-19.473-5.575-42.2-14.076-65.53-3.611-9.909 1.494-20.87 11.404-24.481 9.909-3.611 20.87 1.495 24.481 11.404 9.89 27.141 13.501 52.442 16.109 74.026 1.265 10.471-6.197 19.984-16.668 21.249-.778.094-1.55.14-2.315.14zM65.145 321.569a19.011 19.011 0 0 1-11.42-3.803c-8.447-6.315-10.175-18.282-3.859-26.73 20.465-27.372 51.096-46.463 81.938-51.069 10.43-1.557 20.15 5.635 21.707 16.066 1.558 10.431-5.636 20.15-16.066 21.707-21.111 3.153-42.416 16.672-56.99 36.166-3.752 5.015-9.495 7.663-15.31 7.663z"
fill="#6667ab"
/>
<path
d="M218.617 355.256c53.707-9.47 87.508-41.851 74.515-94.55-13.071-53.015-64.044-88.976-105.585-81.652-41.54 7.325-77.14 58.551-71.29 112.84 5.815 53.965 48.652 72.832 102.36 63.362z"
fill="#9495c4"
/>
<path
d="M46.378 152.774C19.068 134.997 7.541 97.998 7.5 70.794c-.009-5.969 4.218-11.126 10.074-12.28 28.78-5.675 67.582-5.112 88.831 22.891l-60.027 71.369z"
fill="#495560"
/>
<path
d="M7.512 71.618c.268 27.122 11.828 63.556 38.866 81.156l37.489-44.572C65.961 89.109 38.152 74.92 7.512 71.618z"
fill="#eeeef6"
/>
<path
d="M311.215 106.076c19.583-26.046 17.76-64.756 8.495-90.333-2.033-5.612-7.769-9.012-13.667-8.094-28.986 4.51-65.255 18.311-75.645 51.892l80.817 46.535z"
fill="#495560"
/>
<path
d="M319.98 16.521c9.025 25.579 10.623 63.769-8.765 89.554l-50.473-29.062c10.296-24.065 31.575-46.909 59.238-60.492z"
fill="#eeeef6"
/>
<path
d="M165.432 53.634c99.97-17.627 112.802 42.603 177.971 66.83 12.322 4.581 17.341 19.33 10.071 30.283-31.836 47.957-83.49 86.904-153.42 99.235-69.93 12.331-131.79-6.601-178.108-40.778-10.578-7.805-10.906-23.382-.894-31.901 52.952-45.055 44.41-106.042 144.38-123.669z"
fill="#9495c4"
/>
<path
d="M111.098 72.258C66.11 98.806 61.671 142.741 21.051 177.303c-10.012 8.519-9.684 24.096.894 31.901 46.319 34.176 108.178 53.108 178.108 40.777a249.831 249.831 0 0 0 23.355-5.29C95.752 249.899 82.32 129.382 111.098 72.258z"
fill="#6667ab"
/>
<path
d="M353.474 150.746c4.548-6.851 4.286-15.187.438-21.591-82.477 69.893-123.048-6.322-174.672 2.78-51.624 9.103-63.681 94.598-165.089 57.129-1.426 7.334 1.179 15.257 7.796 20.139 46.319 34.176 108.178 53.108 178.108 40.778 69.929-12.33 121.583-51.277 153.419-99.235z"
fill="#eeeef6"
/>
<path
d="M108.997 182.777c-21.258 14.986-48.868 23.276-94.847 6.288-1.426 7.334 1.179 15.257 7.796 20.139 46.319 34.176 108.178 53.108 178.108 40.778a249.903 249.903 0 0 0 23.355-5.29c-63.287 2.581-98.498-25.738-114.412-61.915z"
fill="#c2c2dd"
/>
<ellipse
cx="91.668"
cy="173.429"
rx="33.303"
ry="26.521"
transform="rotate(-10.003 91.681 173.483)"
fill="#fff"
/>
<ellipse
cx="275.721"
cy="140.975"
rx="33.303"
ry="26.521"
transform="rotate(-10.003 275.785 141.032)"
fill="#fff"
/>
<path
d="M443.665 495.345H262.017c-17 0-30.781-13.781-30.781-30.781V213.077c0-17 13.781-30.781 30.781-30.781h181.649c17 0 30.781 13.781 30.781 30.781v251.486c0 17.001-13.782 30.782-30.782 30.782z"
fill="#7fb0e4"
/>
<path
d="M262.017 182.296c-17 0-30.781 13.781-30.781 30.781v251.486c0 17 13.781 30.781 30.781 30.781h133.218c-69.267-64.685-85.155-221.442-71.545-313.049h-61.673z"
fill="#4f96d9"
/>
<path
d="M394.659 301.784h-83.635c-13.141 0-23.795-10.653-23.795-23.795v-13.02c0-13.141 10.653-23.795 23.795-23.795h83.635c13.142 0 23.795 10.653 23.795 23.795v13.02c0 13.142-10.654 23.795-23.795 23.795z"
fill="#fff"
/>
<path
d="M311.023 301.784h10.795c-1.975-20.714-2.777-41.196-2.532-60.61h-8.263c-13.141 0-23.795 10.653-23.795 23.795v13.02c0 13.142 10.654 23.795 23.795 23.795z"
fill="#fce3a0"
/>
<path
d="M491.757 281.153h-17.311v-58.729h17.311c7.038 0 12.743 5.705 12.743 12.743v33.243c0 7.038-5.705 12.743-12.743 12.743z"
fill="#55d47b"
/>
<path
d="M491.757 364.428h-17.311V305.7h17.311c7.038 0 12.743 5.705 12.743 12.743v33.243c0 7.037-5.705 12.742-12.743 12.742z"
fill="#ff6e80"
/>
<path
d="M491.757 447.703h-17.311v-58.729h17.311c7.038 0 12.743 5.705 12.743 12.743v33.243c0 7.038-5.705 12.743-12.743 12.743z"
fill="#eeeef6"
/>
<path
d="M430.772 504.5H419.81a8.683 8.683 0 0 1-8.683-8.683V181.824a8.683 8.683 0 0 1 8.683-8.683h10.962a8.683 8.683 0 0 1 8.683 8.683v313.994a8.682 8.682 0 0 1-8.683 8.682z"
fill="#495560"
/>
<path d="M474.447 222.425h15.027v58.729h-15.027z" fill="#00c780" />
<path d="M474.447 305.7h15.027v58.729h-15.027z" fill="#f9475e" />
<path d="M474.447 388.974h15.027v58.729h-15.027z" fill="#c2c2dd" />
<path
d="M325.714 211.088c-10.408 0-18.925-8.354-19.088-18.798-.018-1.152-.122-3.269-.313-5.398-.94-10.505 6.812-19.783 17.317-20.724 10.507-.95 19.783 6.812 20.724 17.316.251 2.809.423 5.877.46 8.209.165 10.545-8.25 19.228-18.795 19.393l-.305.002z"
fill="#6667ab"
/>
<path
d="M430.772 504.5H419.81a8.683 8.683 0 0 1-8.683-8.683V181.824a8.683 8.683 0 0 1 8.683-8.683h10.962a8.683 8.683 0 0 1 8.683 8.683v313.994a8.682 8.682 0 0 1-8.683 8.682zM325.714 211.088c-10.408 0-18.925-8.354-19.088-18.798-.018-1.152-.122-3.269-.313-5.398-.94-10.505 6.812-19.783 17.317-20.724 10.507-.95 19.783 6.812 20.724 17.316.251 2.809.423 5.877.46 8.209.165 10.545-8.25 19.228-18.795 19.393l-.305.002zM411.128 182.296h-66.941M389.726 495.345h21.402"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M306.476 182.296h-44.459c-17 0-30.781 13.781-30.781 30.781v251.486c0 17 13.781 30.781 30.781 30.781h92.297M439.455 495.345h4.21c17 0 30.781-13.781 30.781-30.781V213.077c0-17-13.781-30.781-30.781-30.781h-4.21M474.447 222.425h17.311c7.038 0 12.743 5.705 12.743 12.743v33.243c0 7.038-5.705 12.743-12.743 12.743h-17.311M474.447 305.7h17.311c7.038 0 12.743 5.705 12.743 12.743v33.243c0 7.038-5.705 12.743-12.743 12.743h-17.311M474.447 388.974h17.311c7.038 0 12.743 5.705 12.743 12.743v33.243c0 7.038-5.705 12.743-12.743 12.743h-17.311M327.056 343.573h51.57"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M338.236 171.136a230.598 230.598 0 0 0 15.238-20.389c7.271-10.952 2.251-25.702-10.071-30.283-65.169-24.228-78.001-84.458-177.971-66.83S74.004 132.248 21.051 177.303c-10.012 8.519-9.684 24.096.894 31.901 46.319 34.176 108.178 53.108 178.108 40.777a247.657 247.657 0 0 0 31.182-7.586"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M31.932 140.103c3.786 4.333 8.047 8.238 12.809 11.549M103.096 77.446C81.31 53.38 44.923 53.121 17.574 58.514 11.718 59.669 7.491 64.825 7.5 70.794c.018 11.938 2.25 25.759 7.057 39.014"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M77.804 102.273C59.993 86.211 34.886 74.568 7.512 71.618M312.37 104.463c18.337-26.01 16.417-63.663 7.34-88.719-2.033-5.612-7.768-9.012-13.667-8.094-27.544 4.286-61.648 16.974-73.889 47.04"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M319.98 16.521c-24.714 12.135-44.325 31.663-55.568 52.848M104.145 132.422l2.043 11.582M249.971 106.709l2.042 11.582M173.185 196.567c4.948 3.996 11.528 5.917 18.283 4.726 6.755-1.191 12.282-5.247 15.564-10.694"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M197.303 148.816a58.663 58.663 0 0 0-29.264 5.16 17.244 17.244 0 0 0-8.53 8.598c-2.31 5.136.592 11.111 6.057 12.471l15.16 3.773a16.436 16.436 0 0 0 13.154-2.319l12.955-8.73c4.67-3.147 5.354-9.754 1.426-13.79a17.25 17.25 0 0 0-10.958-5.163z"
/>
<path
d="M119.548 250.639c-3.509 13.055-4.821 27.049-3.291 41.255 5.815 53.965 48.652 72.832 102.359 63.362a159.13 159.13 0 0 0 12.619-2.747"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M160.135 352.251c-4.681 29.08-1.391 50.558 2.673 68.008 2.053 8.815 9.904 14.769 18.582 14.769a19.11 19.11 0 0 0 4.348-.502c10.272-2.392 16.66-12.658 14.267-22.93-3.383-14.525-5.853-31.106-2.031-54.101M104.84 247.667c-21.052 8.891-40.543 24.066-54.975 43.369-6.315 8.448-4.588 20.414 3.859 26.73a19.011 19.011 0 0 0 11.42 3.803c5.815 0 11.559-2.647 15.309-7.662 9.525-12.739 21.924-22.925 35.265-29.336"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M127.57 326.527c-6.771 3.303-12.733 8.241-16.753 13.983-18.211 26.008-6.739 44.229-6.358 62.274.082 3.875 3.965 6.594 7.635 5.346 13.993-4.761 30.641-2.584 46.214-15.92"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category