Add icons to this collection by clicking the heart icon.
Note icon - also known as interface, notebook, note, writing, Tools and utensils, writing tool, notepad, and beauty. Created in a clean flat 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="#b5f1f4" />
<path
d="M511.488 271.989 360.296 120.796l-29.189 48.235-52.955-52.955-4.687 11.417 51.571 51.571-188.765 227.648L242.26 511.631c4.551.241 9.13.369 13.741.369 136.012 0 247.231-106.077 255.487-240.011z"
fill="#84dbff"
/>
<path d="M161.185 142.222h199.111v256H161.185z" fill="#fff" />
<path d="M255.431 142.222h104.87v256h-104.87z" fill="#e6f3ff" />
<path d="M189.63 196.525h142.222v5.172H189.63z" fill="#b8c9d9" />
<path d="M255.431 196.525h76.421v5.172h-76.421z" fill="#a3b2bf" />
<path d="M189.63 224.97h142.222v5.172H189.63z" fill="#b8c9d9" />
<path d="M255.431 224.97h76.421v5.172h-76.421z" fill="#a3b2bf" />
<path d="M189.63 253.414h142.222v5.172H189.63z" fill="#b8c9d9" />
<path d="M255.431 253.414h76.421v5.172h-76.421z" fill="#a3b2bf" />
<path d="M189.63 281.859h65.801v5.172H189.63z" fill="#b8c9d9" />
<path d="M255.431 281.859h76.421v5.172h-76.421z" fill="#a3b2bf" />
<path d="M255.426 315.475v-5.172H189.63v5.172" fill="#b8c9d9" />
<path d="M255.431 310.303h76.421v5.172h-76.421z" fill="#a3b2bf" />
<path d="M189.63 338.747h142.222v5.172H189.63z" fill="#b8c9d9" />
<path d="M255.431 338.747h76.421v5.172h-76.421z" fill="#a3b2bf" />
<circle cx="346.074" cy="131.741" r="17.965" fill="#fc6f58" />
<path
d="M346.074 113.778c-.145 0-.286.019-.431.022v35.887c.145.003.284.022.431.022 9.921 0 17.965-8.044 17.965-17.965 0-9.922-8.044-17.966-17.965-17.966z"
fill="#f1543f"
/>
<circle cx="346.074" cy="181.148" r="17.965" fill="#fc6f58" />
<path
d="M346.074 163.181c-.145 0-.286.017-.431.022v35.887c.145.003.284.022.431.022 9.921 0 17.965-8.044 17.965-17.965 0-9.924-8.044-17.966-17.965-17.966z"
fill="#f1543f"
/>
<circle cx="370.778" cy="156.444" r="17.965" fill="#f1543f" />
<circle cx="321.37" cy="156.444" r="17.965" fill="#fc6f58" />
<circle cx="346.074" cy="156.444" r="17.965" fill="#f9b54c" />
<path
d="M346.074 138.48c-.145 0-.286.019-.431.022v35.887c.145.003.284.022.431.022 9.921 0 17.965-8.044 17.965-17.965s-8.044-17.966-17.965-17.966z"
fill="#f4a200"
/>
<circle cx="269.222" cy="124.03" r="11.976" fill="#fc6f58" />
<path
d="M269.215 112.054c-.388 0-.771.022-1.148.059v23.836c.378.036.76.059 1.148.059 6.615 0 11.976-5.361 11.976-11.976 0-6.615-5.361-11.978-11.976-11.978z"
fill="#f1543f"
/>
<circle cx="269.222" cy="156.962" r="11.976" fill="#fc6f58" />
<path
d="M269.215 144.989c-.388 0-.771.022-1.148.059v23.836c.378.036.76.059 1.148.059 6.615 0 11.976-5.361 11.976-11.976.002-6.615-5.361-11.978-11.976-11.978z"
fill="#f1543f"
/>
<circle cx="285.686" cy="140.498" r="11.976" fill="#f1543f" />
<circle cx="252.742" cy="140.498" r="11.976" fill="#fc6f58" />
<circle cx="269.222" cy="140.498" r="11.976" fill="#f9b54c" />
<path
d="M269.215 128.522c-.388 0-.771.022-1.148.059v23.838c.378.036.76.059 1.148.059 6.615 0 11.976-5.361 11.976-11.976s-5.361-11.98-11.976-11.98z"
fill="#f4a200"
/>
<circle cx="388.741" cy="211.092" r="11.976" fill="#fc6f58" />
<path
d="M388.741 199.111c-.193 0-.383.021-.574.029v23.895c.191.009.381.029.574.029 6.615 0 11.976-5.361 11.976-11.976s-5.362-11.977-11.976-11.977z"
fill="#f1543f"
/>
<circle cx="388.741" cy="244.019" r="11.976" fill="#fc6f58" />
<path
d="M388.741 232.046c-.193 0-.383.021-.574.029v23.895c.191.009.381.029.574.029 6.615 0 11.976-5.361 11.976-11.976s-5.362-11.977-11.976-11.977z"
fill="#f1543f"
/>
<circle cx="405.204" cy="227.556" r="11.976" fill="#f1543f" />
<circle cx="372.277" cy="227.556" r="11.976" fill="#fc6f58" />
<circle cx="388.741" cy="227.556" r="11.976" fill="#f9b54c" />
<path
d="M388.741 215.58c-.193 0-.383.021-.574.029v23.895c.191.009.381.029.574.029 6.615 0 11.976-5.361 11.976-11.976 0-6.614-5.362-11.977-11.976-11.977z"
fill="#f4a200"
/>
<circle cx="161.185" cy="381.759" r="11.976" fill="#fc6f58" />
<path
d="M149.209 381.754c0 6.227 4.753 11.34 10.828 11.919v-23.836c-6.075.577-10.828 5.69-10.828 11.917z"
fill="#fc6f58"
/>
<path
d="M161.185 369.778c-.388 0-.771.022-1.148.059v23.836c.378.036.76.059 1.148.059 6.615 0 11.976-5.361 11.976-11.976 0-6.615-5.361-11.978-11.976-11.978z"
fill="#f1543f"
/>
<circle cx="161.185" cy="414.686" r="11.976" fill="#fc6f58" />
<path
d="M161.185 402.713c-.388 0-.771.022-1.148.059v23.836c.378.036.76.059 1.148.059 6.615 0 11.976-5.361 11.976-11.976 0-6.615-5.361-11.978-11.976-11.978z"
fill="#f1543f"
/>
<path
d="M149.209 414.691c0 6.227 4.753 11.34 10.828 11.919v-23.836c-6.075.577-10.828 5.69-10.828 11.917z"
fill="#fc6f58"
/>
<circle cx="177.648" cy="398.222" r="11.976" fill="#f1543f" />
<circle cx="144.717" cy="398.222" r="11.976" fill="#fc6f58" />
<circle cx="161.185" cy="398.222" r="11.976" fill="#f9b54c" />
<path
d="M149.209 398.222c0 6.227 4.753 11.34 10.828 11.919v-23.836c-6.075.577-10.828 5.69-10.828 11.917z"
fill="#f9b54c"
/>
<path
d="M161.185 386.246c-.388 0-.771.022-1.148.059v23.836c.378.036.76.059 1.148.059 6.615 0 11.976-5.361 11.976-11.976 0-6.615-5.361-11.978-11.976-11.978z"
fill="#f4a200"
/>
</svg>
More icons in the same style and category