Add icons to this collection by clicking the heart icon.
Note icon - also known as education, write, pencil, pen, list, note, notepad, checklist, and task. 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 0-28.136-33.12c-2.795-3.291-2.247-3.818-5.043-.526L-61.313-.527C-62.85 1.28-66.614-.763-67.42 1.43a19.98 19.98 0 0 0-1.226 6.897v283.464h30.727l7.5-15 7.5 15H7.809V8.327a20 20 0 0 0-1.152-6.688C5.851-.633 1.584 1.864 0 0"
transform="translate(496.691 47.709)"
fill="#f58a97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-283.464c0-4.743-1.687-9.333-4.758-12.948l-18.106-21.315 10.029-11.805c2.795-3.29 7.874-3.29 10.67 0l28.135 33.12a20.001 20.001 0 0 1 4.758 12.948V0Z"
transform="translate(473.772 339.5)"
fill="#f07281"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-46.455c-8.284 0-15-6.716-15-15v-30H15v30C15-6.716 8.284 0 0 0"
transform="translate(489.5 384.5)"
fill="#ffe179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.728c8.285 0 15-6.716 15-15v-30H15v30C15-6.716 8.284 0 0 0"
transform="translate(489.5 384.5)"
fill="#fbd268"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 28.135-33.12c2.795-3.29 7.874-3.29 10.67 0L66.939 0a19.992 19.992 0 0 1 3.598 6.262c-6.41 3.551-19.519 9.61-37.07 9.61-17.536 0-30.654-6.058-37.066-9.608A19.974 19.974 0 0 1 0 0"
transform="translate(432.803 43.088)"
fill="#ecbba3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a77.095 77.095 0 0 1-29.567 9.225V6.687c0-4.744-1.687-9.333-4.758-12.949l-18.107-21.314 10.03-11.806c2.795-3.29 7.874-3.29 10.67 0l28.134 33.12A20.002 20.002 0 0 1 0 0"
transform="translate(503.34 49.35)"
fill="#e8ad8c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-316c-16.568 0-30 13.432-30 30v347l15 60c0 16.568 13.432 15 30 15H0c16.568 0 15-28.432 15-45l15-30V30C30 13.432 16.568 0 0 0"
transform="translate(353.5 7.5)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34a6 6 0 0 0-6 6v34a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6"
transform="translate(94.4 173)"
fill="#ffe179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34a6 6 0 0 0-6 6v34a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6"
transform="translate(94.4 68)"
fill="#ffe179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30C-13.432 0 0-13.432 0-30v-407c0-16.568-13.432-30-30-30H0c16.568 0 30 13.432 30 30v407C30-13.432 16.568 0 0 0"
transform="translate(353.5 474.5)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-316c-16.568 0-30-13.432-30-30v-60H30v60C30-13.432 16.568 0 0 0"
transform="translate(353.5 474.5)"
fill="#ffe179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30C-13.432 0 0-13.432 0-30v-60h30v60C30-13.432 16.568 0 0 0"
transform="translate(353.5 474.5)"
fill="#fbd268"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(98 429.5)"
fill="#335e80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(173 429.5)"
fill="#335e80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(248 429.5)"
fill="#335e80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(323 429.5)"
fill="#335e80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34a6 6 0 0 0-6 6v34a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6"
transform="translate(94.4 278)"
fill="#ffe179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.581a6 6 0 0 0 6-6v-34a6 6 0 0 0-6-6H0a6 6 0 0 1 6 6v34a6 6 0 0 1-6 6"
transform="translate(94.398 324)"
fill="#fbd268"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.581a6 6 0 0 0 6-6v-34a6 6 0 0 0-6-6H0a6 6 0 0 1 6 6v34a6 6 0 0 1-6 6"
transform="translate(94.398 219)"
fill="#fbd268"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.581a6 6 0 0 0 6-6v-34a6 6 0 0 0-6-6H0a6 6 0 0 1 6 6v34a6 6 0 0 1-6 6"
transform="translate(94.398 114)"
fill="#fbd268"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v172.365h76.455v-283.464c0-4.744-1.686-9.333-4.758-12.948l-28.134-33.12c-2.796-3.29-7.875-3.29-10.67 0l-28.136 33.12A19.998 19.998 0 0 0 0-111.099V-35"
transform="translate(428.045 167.135)"
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-46.455c-8.284 0-15-6.716-15-15v-30H15v30C15-6.716 8.284 0 0 0Z"
transform="translate(489.5 384.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 0c6.41 3.551 19.53 9.61 37.069 9.61C54.62 9.61 67.729 3.551 74.14 0"
transform="translate(429.2 49.35)"
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-280.541"
transform="translate(466.272 339.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 0h-316c-16.568 0-30 13.432-30 30v407c0 16.568 13.432 30 30 30H0c16.568 0 30-13.432 30-30V30C30 13.432 16.568 0 0 0Z"
transform="translate(353.5 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 0h266.311"
transform="translate(117.19 384.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 0h74.689"
transform="translate(7.5 384.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 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(98 429.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 0v60"
transform="translate(83 444.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 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(173 429.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 0v60"
transform="translate(158 444.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 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(248 429.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 0v60"
transform="translate(233 444.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 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(323 429.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 0v60"
transform="translate(308 444.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 0h-34a6 6 0 0 0-6 6v34a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6Z"
transform="translate(94.4 278)"
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 0h192.701"
transform="translate(143.9 324)"
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 0h117.701"
transform="translate(143.9 294)"
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-34a6 6 0 0 0-6 6v34a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6Z"
transform="translate(94.4 173)"
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 0h192.701"
transform="translate(143.9 219)"
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 0h117.701"
transform="translate(143.9 189)"
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-34a6 6 0 0 0-6 6v34a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6Z"
transform="translate(94.4 68)"
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 0h192.701"
transform="translate(143.9 114)"
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 0h117.701"
transform="translate(143.9 84)"
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