Add icons to this collection by clicking the heart icon.
Notepad icon - also known as education, write, notebook, pen, note, writing, writing tool, spring notebook, and notepad. Created in a clean lineal color style, 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-277.532c-19.372 0-35.077-15.704-35.077-35.076V-443.41c0-19.372 15.705-35.076 35.077-35.076H0c19.372 0 35.077 15.704 35.077 35.076v408.334C35.077-15.704 19.372 0 0 0"
transform="translate(331.176 485.985)"
fill="#a5afe7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v408.334c0 19.372 15.704 35.076 35.076 35.076h-46.289c-19.372 0-35.077-15.704-35.077-35.076V0c0-19.372 15.705-35.076 35.077-35.076h46.289C15.704-35.076 0-19.372 0 0"
transform="translate(64.856 42.575)"
fill="#8896e0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-42.563l-1.07-1.459 14.902-45.181c2.436-7.385 12.883-7.385 15.319 0L1.489-1.459Z"
transform="translate(452.861 71.02)"
fill="#8896e0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 1.069 1.459h-22.56L-22.562 0-7.66-45.181c2.436-7.385 12.884-7.385 15.319 0l3.621 10.979z"
transform="translate(431.79 69.56)"
fill="#6b7ed9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v338.587a4.217 4.217 0 0 1-4.217 4.217h-277.532a4.217 4.217 0 0 1-4.217-4.217V-69.747a4.217 4.217 0 0 1 4.217-4.216h207.786z"
transform="translate(335.392 112.322)"
fill="#fef0db"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v408.333a4.216 4.216 0 0 0 4.217 4.216h-46.289a4.216 4.216 0 0 1-4.217-4.216V0a4.217 4.217 0 0 1 4.217-4.217H4.217A4.217 4.217 0 0 0 0 0"
transform="translate(95.716 42.576)"
fill="#fee6c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.521-6.908-15.43-15.43-15.43-8.522 0-15.43 6.909-15.43 15.43s6.908 15.43 15.43 15.43C-6.908 15.43 0 8.521 0 0"
transform="translate(115.26 411.108)"
fill="#fcd79b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.521-6.908-15.43-15.43-15.43-8.521 0-15.429 6.909-15.429 15.43s6.908 15.43 15.429 15.43C-6.908 15.43 0 8.521 0 0"
transform="translate(238.7 411.108)"
fill="#fcd79b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.521-6.908-15.43-15.43-15.43-8.521 0-15.429 6.909-15.429 15.43s6.908 15.43 15.429 15.43C-6.908 15.43 0 8.521 0 0"
transform="translate(176.98 411.108)"
fill="#fcd79b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.521-6.908-15.43-15.431-15.43-8.521 0-15.429 6.909-15.429 15.43s6.908 15.43 15.429 15.43C-6.908 15.43 0 8.521 0 0"
transform="translate(300.419 411.108)"
fill="#fcd79b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-69.746a4.217 4.217 0 0 1-4.217-4.217v-69.746z"
transform="translate(335.392 112.322)"
fill="#fee6c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a4.217 4.217 0 0 0 4.217 4.217h-31.059A4.217 4.217 0 0 1-31.059 0v-69.746L0-38.688Z"
transform="translate(292.488 108.105)"
fill="#fcd79b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-45.167l-1.375-1.999V-207.36c0-4.987 4.079-9.065 9.064-9.065H-5.75c4.986 0 9.065 4.078 9.065 9.065V-1.999Z"
transform="translate(453.403 282.999)"
fill="#dbedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v205.361l1.375 1.999h-22.561l-1.375-1.999V0c0-4.986 4.08-9.064 9.065-9.064H9.065C4.079-9.064 0-4.986 0 0"
transform="translate(429.422 75.639)"
fill="#b5dcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.521 0-15.43-6.908-15.43-15.43v-23.721l1.376-2.252h26.083l3.401 2.252v23.721C15.43-6.908 8.521 0 0 0"
transform="translate(431.79 485.985)"
fill="#8bcaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 5.708 3.107 10.679 7.715 13.349A15.35 15.35 0 0 1 0 15.43c-8.521 0-15.43-6.909-15.43-15.43v-23.722l1.376-2.252h15.43L0-23.722Z"
transform="translate(431.79 470.556)"
fill="#60b9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-42c-6.601 0-12-5.399-12-12v-142.512c0-6.599 5.399-12 12-12H0c6.6 0 12 5.401 12 12V-12C12-5.399 6.6 0 0 0"
transform="translate(452.79 446.834)"
fill="#60b9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v142.512c0 6.6 5.399 12 12 12h-33c-6.601 0-12-5.4-12-12V0c0-6.6 5.399-12 12-12h33C5.399-12 0-6.6 0 0"
transform="translate(431.79 292.322)"
fill="#1ca8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-277.532c-19.372 0-35.076-15.704-35.076-35.076V-443.41c0-19.372 15.704-35.076 35.076-35.076H0c19.372 0 35.077 15.704 35.077 35.076v408.334C35.077-15.704 19.372 0 0 0Z"
transform="translate(331.13 485.985)"
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 0c0-8.521-6.908-15.43-15.43-15.43-8.522 0-15.429 6.909-15.429 15.43s6.907 15.43 15.429 15.43S0 8.521 0 0Z"
transform="translate(115.215 411.108)"
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 0c0-8.521-6.908-15.43-15.43-15.43-8.521 0-15.429 6.909-15.429 15.43s6.908 15.43 15.429 15.43C-6.908 15.43 0 8.521 0 0Z"
transform="translate(238.653 411.108)"
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 0c0-8.521-6.908-15.43-15.43-15.43-8.521 0-15.429 6.909-15.429 15.43s6.908 15.43 15.429 15.43C-6.908 15.43 0 8.521 0 0Z"
transform="translate(176.934 411.108)"
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 0c0-8.521-6.908-15.43-15.43-15.43-8.522 0-15.43 6.909-15.43 15.43s6.908 15.43 15.43 15.43C-6.908 15.43 0 8.521 0 0Z"
transform="translate(300.373 411.108)"
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 0v77.963"
transform="translate(99.785 426.538)"
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 0v77.963"
transform="translate(161.504 426.538)"
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 0v77.963"
transform="translate(223.224 426.538)"
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 0v77.963"
transform="translate(284.943 426.538)"
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.746a4.217 4.217 0 0 1-4.217-4.217v-69.746z"
transform="translate(335.347 112.322)"
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 0h185.158"
transform="translate(99.785 353.656)"
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 0h185.158"
transform="translate(99.785 319.49)"
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 0h185.158"
transform="translate(99.785 285.322)"
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 0h185.158"
transform="translate(99.785 251.156)"
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 0h185.158"
transform="translate(99.785 216.99)"
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 0h185.158"
transform="translate(99.785 182.822)"
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 0h185.158"
transform="translate(99.785 148.656)"
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-42c-6.6 0-12-5.399-12-12v-142.512c0-6.599 5.4-12 12-12H0c6.6 0 12 5.401 12 12V-12C12-5.399 6.6 0 0 0Z"
transform="translate(452.744 446.834)"
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-31.728c-2.649 0-5.035 1.159-6.696 2.986l14.902-45.18c2.435-7.386 12.882-7.386 15.318 0L6.697 2.986C5.036 1.159 2.65 0 0 0Z"
transform="translate(447.607 66.574)"
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 0v23.722c0 8.521-6.908 15.429-15.43 15.429-8.521 0-15.429-6.908-15.429-15.429V0Z"
transform="translate(447.174 446.834)"
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 0h94.735v-130.107"
transform="translate(398.744 411.108)"
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 0h51.52l73.962 73.963V412.55a4.215 4.215 0 0 1-4.216 4.216h-277.533a4.215 4.215 0 0 1-4.216-4.216V4.217A4.216 4.216 0 0 1-156.267 0H-35"
transform="translate(209.864 38.36)"
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 0v78.438a11.913 11.913 0 0 0-3.929-.677h-42c-1.376 0-2.695.247-3.928.677v-205.361c0-4.986 4.079-9.064 9.064-9.064h31.728c4.986 0 9.065 4.078 9.065 9.064V-35"
transform="translate(456.673 202.561)"
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