Add icons to this collection by clicking the heart icon.
Notes icon - also known as interface, notebook, notes, note, writing, memo, holidays, Tools and utensils, writing tool, and notepad. Created in a clean circular style with a white, silver, 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="100"
height="100"
viewBox="0 0 504 504"
>
<circle cx="252" cy="252" r="252" fill="#90dfaa" />
<path
d="M311.3 67.1 433.2 362l-231.6 95.7L80.8 165.6c4.5-1.7 8.8-4.4 12.8-7 15.1-9.5 31.8-19.7 49.5-17.1-.7-2.5-1.4-4.9-2.1-7.4 7.8.4 15.8-1.3 22.8-4.8l.6-3.6c23.6-9.4 47.6-18 71.9-25.6 2-.6 4-1.2 5.9-.5 1.6.6 2.8 2.1 4.1 3.1 5 3.7 12.3 1.4 16.9-2.7 4.6-4.2 7.6-9.8 12-14.2 6.9-6.8 16.6-10 25.6-13.8 3.6-1.5 7.1-3.1 10.5-4.9z"
fill="#e6e9ee"
/>
<path
d="M86.603 154.208h250.599v1H86.603z"
transform="rotate(157.548 211.903 154.709)"
fill="#ff7058"
/>
<path
d="M88.484 158.824h250.599v1H88.484z"
transform="rotate(157.548 213.784 159.324)"
fill="#ff7058"
/>
<path
d="M95.802 176.514h250.599v1H95.802z"
transform="rotate(157.548 221.102 177.015)"
fill="#ced5e0"
/>
<path
d="M103.306 194.598h250.599v1H103.306z"
transform="rotate(157.548 228.606 195.099)"
fill="#ced5e0"
/>
<path
d="M110.685 212.638h250.599v1H110.685z"
transform="rotate(157.548 235.985 213.138)"
fill="#ced5e0"
/>
<path
d="M118.193 230.722h250.599v1H118.193z"
transform="rotate(157.548 243.493 231.222)"
fill="#ced5e0"
/>
<path
d="M125.697 248.805h250.599v1H125.697z"
transform="rotate(157.548 250.997 249.306)"
fill="#ced5e0"
/>
<path
d="M133.211 266.899H383.81v1H133.211z"
transform="rotate(157.548 258.51 267.4)"
fill="#ced5e0"
/>
<path
d="M140.584 284.929h250.599v1H140.584z"
transform="rotate(157.548 265.884 285.43)"
fill="#ced5e0"
/>
<path
d="M148.088 303.012h250.599v1H148.088z"
transform="rotate(157.548 273.388 303.513)"
fill="#ced5e0"
/>
<path
d="M155.592 321.106h250.599v1H155.592z"
transform="rotate(157.548 280.892 321.607)"
fill="#ced5e0"
/>
<path
d="M163.013 339.228h250.599v1H163.013z"
transform="rotate(157.548 288.313 339.729)"
fill="#ced5e0"
/>
<path
d="M170.479 357.22h250.599v1H170.479z"
transform="rotate(157.548 295.779 357.72)"
fill="#ced5e0"
/>
<path
d="M177.983 375.313h250.599v1H177.983z"
transform="rotate(157.548 303.283 375.814)"
fill="#ced5e0"
/>
<path
d="M185.404 393.435h250.599v1H185.404z"
transform="rotate(157.548 310.704 393.936)"
fill="#ced5e0"
/>
<path
d="M372.3 114.8v295.3H140.4V117.5c4.5.1 9-.6 13.4-1.4 16.3-2.8 34.2-5.6 48.4 2.9.3-2.4.5-4.7.8-7.1 6.6 3.1 14 4.5 21.2 4 .6-.9 1.2-1.9 1.8-2.8 23.5.3 47.1 1.5 70.5 3.5 1.9.2 3.9.4 5.2 1.6 1.2 1.1 1.6 2.7 2.4 4.1 2.9 4.9 10 5.6 15.4 3.7s10-5.7 15.3-7.9c8.3-3.4 17.7-2.7 26.8-2.7 3.6-.1 7.2-.3 10.7-.6z"
fill="#fff"
/>
<path
d="M140.4 154.1h231.9v1H140.4zM140.4 158.7h231.9v1H140.4z"
fill="#ff7058"
/>
<path
d="M140.4 176.4h231.9v1H140.4zM140.4 194.5h231.9v1H140.4zM140.4 212.6h231.9v1H140.4zM140.4 230.7h231.9v1H140.4zM140.4 248.8h231.9v1H140.4zM140.4 266.9h231.9v1H140.4zM140.4 285h231.9v1H140.4zM140.4 303.1h231.9v1H140.4zM140.4 321.2h231.9v1H140.4zM140.4 339.3h231.9v1H140.4zM140.4 357.4h231.9v1H140.4zM140.4 375.4h231.9v1H140.4zM140.4 393.5h231.9v1H140.4z"
fill="#ced5e0"
/>
<path
d="m268.5 374.4 19.5-19.5-38.7-38.7-19.5 19.5h-.1l-11.6 50.5 50.5-11.7z"
fill="#ffd05b"
/>
<path d="m221.7 370.6-3.6 15.6 15.6-3.6z" fill="#324a5e" />
<path
d="m405.4 198.9 13 13-149.8 149.7c-3.6 3.6-9.4 3.6-13 0-3.6-3.6-3.6-9.4 0-13l149.8-149.7z"
fill="#54c0eb"
/>
<path
d="m392.5 185.9 13 13-149.8 149.7c-3.6 3.6-9.4 3.6-13 0-3.6-3.6-3.6-9.4 0-13l149.8-149.7zM424.8 218.2l-6.4-6.4-149.8 149.8c-3.5 3.5-3.6 9.3-.1 12.9l156.3-156.3z"
fill="#84dbff"
/>
<path
d="m386.1 179.5 6.4 6.4-149.8 149.8c-3.5 3.5-9.3 3.6-12.9.1l156.3-156.3z"
fill="#54c0eb"
/>
<path
d="M384.503 183.282h54.699v18.2h-54.699z"
transform="rotate(-134.999 411.855 192.384)"
fill="#ffd05b"
/>
<path
d="M437.7 205.3 399 166.6l17.2-17.2c1.1-1.1 2.9-1.1 4 0l34.7 34.7c1.1 1.1 1.1 2.9 0 4l-17.2 17.2z"
fill="#ff7058"
/>
</svg>
More icons in the same style and category