Add icons to this collection by clicking the heart icon.
Note icon - also known as education, notes, pencil, note, documents, register, writing tool, archives, and seo and web. Created in a clean lineal color style with a silver, black, red, yellow, 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-370v497H0c16.568 0 30-13.432 30-30V30C30 13.432 16.568 0 0 0"
transform="translate(377.5 7.5)"
fill="#d8d5ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30C-13.432 0 0-13.432 0-30v-437c0-16.568-13.432-30-30-30H0c16.568 0 30 13.432 30 30v437C30-13.432 16.568 0 0 0"
transform="translate(377.5 504.5)"
fill="#bebade"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M67.5 7.5h-60v497h60z"
fill="#ff2c5c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M67.5 7.5h-30v497h30z"
fill="#e62753"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-202a4 4 0 0 0-4 4v62a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4"
transform="translate(341 310)"
fill="#ff2c5c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-83.668-23.402c-1.228-.327-2.228-.091-2.847.527-.618.618-.854 1.618-.527 2.846L-63.64 63.64Z"
transform="translate(243.856 99.633)"
fill="#ebad88"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-65.301-44.088c.618-.619 1.618-.855 2.846-.527l83.668 23.402z"
transform="translate(222.643 120.846)"
fill="#e89776"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-31.494-8.811c-2.453-.644-4.017.919-3.373 3.373l8.811 31.494z"
transform="translate(191.683 85.044)"
fill="#363636"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-63.64 63.64 22.602 22.602c6.263 6.262 16.416 6.262 22.678 0L22.602 45.28c6.262-6.262 6.262-16.415 0-22.678z"
transform="translate(477.201 332.978)"
fill="#4fc6f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.213 21.213c6.262-6.262 6.262-16.416 0-22.678l-22.602-22.602 21.213-21.213L0-22.678C6.262-16.416 6.262-6.263 0 0"
transform="translate(499.803 378.258)"
fill="#3bb3e3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.213 21.213 233.345 233.346 21.213-21.214z"
transform="translate(201.43 142.06)"
fill="#ffd659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.213 21.213 233.345 233.345 21.213-21.213z"
transform="translate(222.643 120.846)"
fill="#ffbd54"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.213 21.213 233.345 233.346 21.213-21.214z"
transform="translate(243.856 99.633)"
fill="#ffa954"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v24.333h370c16.568 0 30-13.431 30-30v-82.5"
transform="translate(7.5 480.166)"
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-26.417c0-16.568-13.432-30-30-30h-370V384.25"
transform="translate(407.5 63.916)"
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-164.917"
transform="translate(407.5 261)"
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-497"
transform="translate(67.5 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-83.668-23.402c-2.454-.644-4.017.92-3.374 3.373l23.402 83.668z"
transform="translate(243.857 99.635)"
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-63.64 63.64 22.602 22.602c6.263 6.262 16.416 6.262 22.678 0L22.602 45.28c6.262-6.262 6.262-16.415 0-22.678z"
transform="translate(477.201 332.978)"
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 158.391 158.391 21.213-21.213L-53.741-96.167l-21.213 21.213 52.327 52.327"
transform="translate(255.17 238.227)"
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-21.213 21.213 233.345 233.345 21.213-21.213z"
transform="translate(222.643 120.846)"
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-21.213 21.213 233.345 233.346 21.213-21.214z"
transform="translate(243.856 99.633)"
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-31.494-8.811c-2.453-.644-4.017.919-3.373 3.373l8.811 31.494z"
transform="translate(191.683 85.044)"
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-187.94c-2.21 0-4 1.79-4 4v62c0 2.21 1.79 4 4 4h202c2.21 0 4-1.79 4-4V18.06"
transform="translate(326.94 310)"
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