Add icons to this collection by clicking the heart icon.
Notes icon - also known as notes, heart, writing, love, Post it, and miscellaneous. Created in a clean lineal color style with a silver, gray, black, red, yellow, teal, and orange 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 60 60"
>
<g fill="none" fill-rule="nonzero" transform="translate(0 -1)">
<circle cx="26" cy="6" r="4" fill="#cfd8dc" />
<path
fill="#9e9e9e"
d="M26 2a3.983 3.983 0 0 0-1.5.3 3.994 3.994 0 0 1 0 7.408A4 4 0 1 0 26 2z"
/>
<path
fill="#ffdc00"
d="M51 7v48a1 1 0 0 1-1 1H9.41a.857.857 0 0 1-.41-.1V50a2.006 2.006 0 0 0-2-2H1.1a.857.857 0 0 1-.1-.41V7a1 1 0 0 1 1-1h20a4 4 0 1 0 8 0h20a1 1 0 0 1 1 1z"
/>
<path
fill="#fec108"
d="M23 10a3.983 3.983 0 0 0 1.5-.3A4 4 0 0 1 22 6h-3a4 4 0 0 0 4 4zM50 6h-3a1 1 0 0 1 1 1v48a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zM9 50v5.9a.812.812 0 0 1-.29-.19l-7.42-7.42A.812.812 0 0 1 1.1 48H7a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#02a9f4"
d="M59 11v48a1 1 0 0 1-1 1H12a1 1 0 0 1-1-1v-3h39a1 1 0 0 0 1-1V10h7a1 1 0 0 1 1 1z"
/>
<path
fill="#0377bc"
d="M58 10h-3a1 1 0 0 1 1 1v48a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1z"
/>
<path
fill="#ef314c"
d="M26 16.945A5.31 5.31 0 0 1 30.5 14c2.664 0 4.5 2.345 4.5 5.123 0 3.675-3.351 6.162-8.314 10.618-.392.345-.98.345-1.372 0C20.351 25.285 17 22.8 17 19.123 17 16.345 18.836 14 21.5 14a5.31 5.31 0 0 1 4.5 2.945z"
/>
<g fill="#000">
<path
d="m23 29.023 1.643 1.461a2.046 2.046 0 0 0 2.708 0c.571-.511 1.119-.998 1.643-1.461 4.217-3.732 7-6.2 7-9.9C36 15.633 33.636 13 30.5 13a5.836 5.836 0 0 0-4.5 2.17A5.836 5.836 0 0 0 21.5 13c-3.136 0-5.5 2.633-5.5 6.123 0 3.702 2.786 6.168 7 9.9zM21.5 15a4.275 4.275 0 0 1 3.6 2.374 1 1 0 0 0 .9.569 1 1 0 0 0 .9-.568A4.273 4.273 0 0 1 30.5 15c1.995 0 3.5 1.772 3.5 4.123 0 2.8-2.382 4.909-6.328 8.4a87.98 87.98 0 0 1-1.691 1.471c-.573-.515-1.125-1-1.653-1.471-3.946-3.493-6.328-5.6-6.328-8.4C18 16.772 19.505 15 21.5 15z"
/>
<path
d="M58 9h-6V7a2 2 0 0 0-2-2H30.9a5 5 0 0 0-9.8 0H2a2 2 0 0 0-2 2v40.59c.001.528.21 1.035.583 1.41L8 56.417c.375.372.882.582 1.41.583H10v2a2 2 0 0 0 2 2h46a2 2 0 0 0 2-2V11a2 2 0 0 0-2-2zM26 3a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm-4.9 4a5 5 0 0 0 9.8 0H50v48H10v-5a3 3 0 0 0-3-3H2V7zM8 53.587 3.411 49H7a1 1 0 0 1 1 1zM58 59H12v-2h38a2 2 0 0 0 2-2V11h6z"
/>
<path
d="M7 35h38a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2zM45 37H30a1 1 0 0 0 0 2h15a1 1 0 0 0 0-2zM7 39h19a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2zM45 41H15a1 1 0 0 0 0 2h30a1 1 0 0 0 0-2zM7 43h4a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2zM45 45H34a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2zM30 45H13a1 1 0 0 0 0 2h17a1 1 0 0 0 0-2zM19 49h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category