Add icons to this collection by clicking the heart icon.
Notes icon - also known as interface, education, notebook, notes, note, writing, Tools and utensils, writing tool, and notepad. Created in a clean circular 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="100"
height="100"
viewBox="0 0 512 512"
>
<circle cx="256" cy="256" r="256" fill="#14b4e5" />
<path
d="m390.684 122.468-8.644 14.408-255.06 248.388-8.928 10.552 116.332 115.208c7.132.596 14.328.976 21.616.976 141.384 0 256-114.616 256-256 0-4.616-.136-9.204-.38-13.764L390.684 122.468z"
fill="#0496b7"
/>
<path
d="M154.158 109.637H376.86v265.132H154.158z"
transform="scale(-1) rotate(7.273 3810.88 -4177.582)"
fill="#919ea5"
/>
<path d="M119.268 131.96h222.696v265.12H119.268z" fill="#edf4fa" />
<path
d="M151.196 175.288H310.04v6.54H151.196zM151.196 218.28H310.04v6.54H151.196zM151.196 261.24H310.04v6.532H151.196zM151.196 304.24H310.04v6.548H151.196zM151.196 347.2H310.04v6.54H151.196z"
fill="#91b6e0"
/>
<path
d="M284.196 158.592c-7.54-5.556-9.104-16.28-3.48-23.9l26.428-35.828c5.616-7.616 16.328-9.288 23.864-3.728 7.54 5.564 9.104 16.288 3.484 23.9l-26.432 35.836c-5.62 7.62-16.324 9.292-23.864 3.72zm44.324-60.084c-5.388-3.976-13.236-2.524-17.48 3.236l-26.428 35.828c-4.252 5.756-3.316 13.672 2.076 17.648 5.396 3.984 13.232 2.54 17.48-3.22l26.428-35.836c4.248-5.756 3.32-13.664-2.076-17.656z"
fill="#39362f"
/>
<path
d="M370.432 365.252c5.472 3.68 6.936 11.172 3.264 16.632l-22.164 32.96c-3.672 5.484-11.164 6.952-16.632 3.272L128.416 279.312c-5.476-3.68-6.944-11.164-3.264-16.64l22.164-32.96c3.676-5.476 11.156-6.944 16.64-3.264l206.476 138.804z"
fill="#f2ad1c"
/>
<path d="m345.2 397.892 1.216.836-10.612 15.78-1.22-.828z" fill="#44485a" />
<path
d="M333.422 398.47h1.464v13.531h-1.464z"
transform="rotate(34.113 334.168 405.253)"
fill="#44485a"
/>
<path
d="M329.961 390.079h1.468v19.016h-1.468z"
transform="rotate(33.942 330.676 399.595)"
fill="#44485a"
/>
<path
d="M323.635 391.928h1.46v13.535h-1.46z"
transform="rotate(33.774 324.379 398.712)"
fill="#44485a"
/>
<path
d="M320.203 383.516h1.464v19.025h-1.464z"
transform="rotate(34.027 320.925 393.016)"
fill="#44485a"
/>
<path
d="M313.843 385.332h1.46v13.543h-1.46z"
transform="rotate(33.774 314.586 392.12)"
fill="#44485a"
/>
<path
d="M313.086 368.223h1.472v28.533h-1.472z"
transform="rotate(34.283 313.81 382.475)"
fill="#44485a"
/>
<path
d="M304.97 373.303h1.48v19.021h-1.48z"
transform="rotate(33.688 305.697 382.798)"
fill="#44485a"
/>
<path
d="M298.627 375.119h1.464v13.524h-1.464z"
transform="rotate(34.027 299.35 381.869)"
fill="#44485a"
/>
<path
d="M295.204 366.707h1.464v19.025h-1.464z"
transform="rotate(33.688 295.924 376.204)"
fill="#44485a"
/>
<path
d="M288.874 368.522h1.468v13.528h-1.468z"
transform="rotate(33.942 289.59 375.293)"
fill="#44485a"
/>
<path
d="M285.421 360.161h1.48v19.021h-1.48z"
transform="rotate(34.027 286.152 369.66)"
fill="#44485a"
/>
<path
d="M279.049 361.963h1.472v13.532h-1.472z"
transform="rotate(33.857 279.795 368.743)"
fill="#44485a"
/>
<path
d="M278.289 344.891h1.464v28.541h-1.464z"
transform="rotate(33.688 279.01 359.146)"
fill="#44485a"
/>
<path
d="M270.229 349.91h1.464v19.017h-1.464z"
transform="rotate(33.688 270.95 359.404)"
fill="#44485a"
/>
<path
d="M263.858 351.726h1.464v13.532h-1.464z"
transform="rotate(34.027 264.581 358.481)"
fill="#44485a"
/>
<path
d="M260.435 343.399h1.464v19.021h-1.464z"
transform="rotate(34.027 261.159 352.899)"
fill="#44485a"
/>
<path
d="M254.097 345.117h1.464v13.549h-1.464z"
transform="rotate(33.688 254.818 351.877)"
fill="#44485a"
/>
<path
d="M250.644 336.814h1.472v19.015h-1.472z"
transform="rotate(33.857 251.39 346.335)"
fill="#44485a"
/>
<path
d="M244.294 338.566h1.472v13.54h-1.472z"
transform="rotate(34.195 245.037 345.347)"
fill="#44485a"
/>
<path
d="M243.526 321.538h1.472v28.527h-1.472z"
transform="rotate(33.857 244.271 335.814)"
fill="#44485a"
/>
<path
d="M235.474 326.565h1.468v19.012h-1.468z"
transform="rotate(33.942 236.193 336.076)"
fill="#44485a"
/>
<path
d="M229.103 328.336h1.464v13.532h-1.464z"
transform="rotate(34.027 229.828 335.092)"
fill="#44485a"
/>
<path
d="M225.691 319.99h1.464v19.025h-1.464z"
transform="rotate(33.688 226.413 329.489)"
fill="#44485a"
/>
<path
d="M219.318 321.777h1.48v13.52h-1.48z"
transform="rotate(34.027 220.051 328.527)"
fill="#44485a"
/>
<path
d="M215.914 313.401h1.48v19.017h-1.48z"
transform="rotate(34.027 216.648 322.899)"
fill="#44485a"
/>
<path
d="M209.52 315.193h1.464v13.537h-1.464z"
transform="rotate(33.688 210.243 321.948)"
fill="#44485a"
/>
<path
d="m216.86 300.172 1.228.812-15.92 23.68-1.232-.812z"
fill="#44485a"
/>
<path
d="M200.691 303.223h1.46v19.015h-1.46z"
transform="rotate(33.774 201.43 312.744)"
fill="#44485a"
/>
<path
d="M194.338 304.967h1.464v13.524h-1.464z"
transform="rotate(34.027 195.064 311.72)"
fill="#44485a"
/>
<path
d="M190.922 296.642h1.472v19.023h-1.472z"
transform="rotate(34.195 191.664 306.163)"
fill="#44485a"
/>
<path
d="M184.527 298.388h1.48v13.545h-1.48z"
transform="rotate(33.688 185.26 305.148)"
fill="#44485a"
/>
<path
d="M181.129 290.058h1.464v19.015h-1.464z"
transform="rotate(34.113 181.868 299.579)"
fill="#44485a"
/>
<path
d="M174.798 291.834h1.46v13.532h-1.46z"
transform="rotate(33.86 175.517 298.602)"
fill="#44485a"
/>
<path
d="M173.987 274.782h1.48v28.533h-1.48z"
transform="rotate(33.688 174.72 289.037)"
fill="#44485a"
/>
<path
d="M165.931 279.843h1.476v19.013h-1.476z"
transform="rotate(34.11 166.662 289.338)"
fill="#44485a"
/>
<path
d="M159.562 281.608h1.464v13.532h-1.464z"
transform="rotate(34.027 160.29 288.365)"
fill="#44485a"
/>
<path
d="M156.152 273.225h1.464v19.029h-1.464z"
transform="rotate(33.688 156.878 282.728)"
fill="#44485a"
/>
<path
d="M149.795 275.039h1.48v13.536h-1.48z"
transform="rotate(34.027 150.53 281.799)"
fill="#44485a"
/>
<path
d="M146.361 266.702h1.464v19.021h-1.464z"
transform="rotate(34.027 147.088 276.204)"
fill="#44485a"
/>
<path
d="M140.016 268.466h1.472v13.532h-1.472z"
transform="rotate(33.857 140.758 275.242)"
fill="#44485a"
/>
<path
d="M139.221 251.417h1.472v28.536h-1.472z"
transform="rotate(33.519 139.962 265.684)"
fill="#44485a"
/>
</svg>
More icons in the same style and category