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 flat style with a white, black, red, yellow, olive, teal, blue, 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="100"
height="100"
viewBox="0 0 512 512"
>
<circle cx="255.996" cy="255.997" r="255.996" fill="#394ce2" />
<path
d="M512 256c0-20.279-2.369-40.003-6.825-58.922L389.591 81.495H101.549v41.229l11.171 6.386.002 310.799 57.264 57.263c26.885 9.59 55.836 14.827 86.015 14.827C397.385 512 512 397.385 512 256z"
fill="#1b2ddd"
/>
<path d="M112.722 336.233h265.693v103.673H112.722z" fill="#ffcf00" />
<path d="M245.568 336.233h132.846v103.673H245.568z" fill="#fec000" />
<path d="M112.722 424.004h265.693v15.909H112.722z" fill="#ebb300" />
<path d="M245.568 424.004h132.846v15.909H245.568z" fill="#d9a600" />
<path
d="M378.42 115.544v244.105l-48.763 48.763H112.72V115.544z"
fill="#ffe670"
/>
<path
d="M245.569 115.544v292.868h84.088l48.763-48.763V115.544z"
fill="#ffdf47"
/>
<path d="M101.552 81.495h288.043v41.229H101.552z" fill="#e67500" />
<path d="M245.568 81.495h144.016v41.229H245.568z" fill="#c06100" />
<path
d="M156.398 161.571h178.351v23.102H156.398zM156.398 231.254h178.351v23.102H156.398zM156.398 300.937h178.351v23.102H156.398z"
fill="#fec000"
/>
<path
d="m378.42 359.649-48.763 48.763v-48.763zM245.568 161.56h89.17v23.102h-89.17zM245.568 231.254h89.17v23.102h-89.17zM245.568 300.937h89.17v23.102h-89.17z"
fill="#d9a600"
/>
<path
d="M435.719 192.513h-38.562v-30.618c0-8.985 7.352-16.337 16.337-16.337h5.89c8.985 0 16.337 7.352 16.337 16.337v30.618h-.002z"
fill="#00d9e0"
/>
<path
d="M435.719 192.513v-29.971c0-9.34-7.642-16.984-16.984-16.984h-2.298v46.955h19.282z"
fill="#00b7be"
/>
<path d="M397.16 180.18h38.562v12.333H397.16z" fill="#f5f5f5" />
<path d="M416.438 180.18h19.281v12.333h-19.281z" fill="#e1e1e3" />
<path
d="M397.157 190.562v186.881l19.281 38.029 19.282-38.029V190.562z"
fill="#ff4f19"
/>
<path
d="M416.438 190.562v224.91h.001l19.281-38.029V190.562z"
fill="#ff3200"
/>
<path d="m397.157 377.443 19.281 38.029 19.281-38.029z" fill="#ffb74f" />
<path d="M435.719 377.443h-19.281v38.029z" fill="#ff9a00" />
<path d="M425.256 398.081h-17.635l8.817 17.391z" fill="#29292b" />
<path d="M407.619 190.566h17.636v186.877h-17.636z" fill="#ffa91f" />
<path d="m416.439 415.472 8.817-17.391h-8.818v17.391z" fill="#29292b" />
<path d="M416.438 190.566h8.818v186.877h-8.818z" fill="#f80" />
</svg>
More icons in the same style and category