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 with a white, silver, gray, maroon, yellow, olive, teal, purple, 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="256" cy="256" r="256" fill="#91d7ee" />
<path
d="m337.296 62.528-3.384 4.452s-26.852 8.752-28.008 3.268-7.132-18.68-13.86-17.612-5.772 21.916-5.772 21.916H275.88s-2.9-18.16-12.42-18.448c-9.532-.288-7.456 22.752-7.456 22.752s-7.852 8.132-9.58 1.496c-1.736-6.636-6.952-19.988-13.28-19.632s-7.22 21.816-7.22 21.816-8.944 8.208-9.812 2.724-6.28-20.488-13.28-19.988-7.756 21.572-7.756 21.572-7.836 4.192-8.124 1.728-5.344-18.148-12.984-19.476-7.796 21.636-7.796 21.636-7.22 8.096-7.656 2.144c-.444-5.952-8.928-20.008-14.86-19.736-5.928.264-8.14 19.736-8.14 19.736l3.748 2.576s-10.624 8.58-12.356.616-6.244-18.26-13.568-17.208c-7.324 1.06-7.552 18.312-7.552 18.312s5.82 35.432 6.416 36.304c.596.864 12.336 66.696 12.336 66.696l-30.74 90.52-32.888 3.208 37.04 36.032-8.632 35.772 35.22 39.176-6.572 5.492 99.736 98.768A258.323 258.323 0 0 0 256 512c141.384 0 256-114.612 256-256 0-7.216-.376-14.34-.952-21.408L337.296 62.528z"
fill="#4abde5"
/>
<path
d="M95.946 81.1H360.1v310.153H95.946z"
transform="rotate(171.769 228.026 236.179)"
fill="#1f84a6"
/>
<path
d="m369.212 360.692-241.388 34.876-42.664-295.42 241.38-34.88z"
fill="#aeb4ad"
/>
<path
d="M85.16 100.148s23.268 102.108 1.196 264.716c0 0 125.816 38.752 240.48-34.74 0 0 8.46-169.16-.296-264.856l-241.38 34.88z"
fill="#d7dada"
/>
<path
d="M85.16 100.148s44.772 154.668-24.244 193.748c0 0 104.228 55.792 224.404-5.86 0 0 56.736-106.54 41.22-222.764L85.16 100.148z"
fill="#fff"
/>
<ellipse
cx="118.386"
cy="114.377"
rx="6.024"
ry="6.172"
transform="scale(-1) rotate(81.79 132.056 -136.685)"
fill="#455d6a"
/>
<path
d="M114.408 80.104c3.568-.516 8.416 5.236 9.896 14.32l4.436-.64c-1.78-11.156-8.28-19.092-14.976-18.124-6.816.988-10.852 10.72-9.2 22.148 1.656 11.436 8.28 19.632 15.088 18.656a2.255 2.255 0 0 0 1.9-2.548 2.242 2.242 0 0 0-2.544-1.904c-3.636.528-8.644-5.44-9.996-14.848-1.364-9.396 1.74-16.528 5.396-17.06z"
fill="#2b414d"
/>
<ellipse
cx="148.163"
cy="110.084"
rx="6.024"
ry="6.168"
transform="scale(-1) rotate(81.756 127.18 -171.172)"
fill="#455d6a"
/>
<path
d="M144.184 75.8c3.564-.512 8.42 5.232 9.892 14.324l4.436-.632c-1.78-11.16-8.28-19.092-14.976-18.128-6.812.98-10.852 10.716-9.192 22.148 1.648 11.436 8.28 19.632 15.092 18.644a2.251 2.251 0 0 0 1.9-2.548 2.243 2.243 0 0 0-2.548-1.896c-3.64.528-8.648-5.444-10.008-14.844-1.352-9.396 1.756-16.536 5.404-17.068z"
fill="#2b414d"
/>
<ellipse
cx="177.919"
cy="105.773"
rx="6.024"
ry="6.172"
transform="rotate(-98.187 177.92 105.775)"
fill="#455d6a"
/>
<path
d="M173.96 71.504c3.572-.524 8.428 5.232 9.9 14.32l4.436-.64c-1.78-11.156-8.28-19.092-14.976-18.124-6.812.98-10.852 10.712-9.196 22.148 1.656 11.44 8.272 19.628 15.084 18.648 1.228-.18 2.072-1.316 1.9-2.544s-1.312-2.08-2.54-1.904c-3.648.524-8.648-5.436-10-14.848-1.36-9.392 1.744-16.536 5.392-17.056z"
fill="#2b414d"
/>
<path
d="M213.82 100.596c.476 3.284-1.868 6.356-5.244 6.84-3.376.492-6.492-1.788-6.968-5.08-.476-3.3 1.868-6.364 5.244-6.848 3.372-.488 6.488 1.78 6.968 5.088z"
fill="#455d6a"
/>
<path
d="M203.74 67.2c3.572-.52 8.42 5.232 9.892 14.316l4.436-.632c-1.772-11.152-8.272-19.092-14.976-18.116-6.804.968-10.844 10.708-9.188 22.136 1.648 11.44 8.272 19.632 15.084 18.648a2.24 2.24 0 0 0 1.9-2.544 2.236 2.236 0 0 0-2.54-1.896c-3.648.524-8.656-5.448-10.008-14.844-1.356-9.408 1.752-16.544 5.4-17.068z"
fill="#2b414d"
/>
<ellipse
cx="237.482"
cy="97.176"
rx="6.032"
ry="6.172"
transform="rotate(-98.239 237.48 97.173)"
fill="#455d6a"
/>
<path
d="M233.52 62.896c3.564-.516 8.42 5.236 9.9 14.324l4.428-.636c-1.772-11.152-8.28-19.092-14.976-18.124-6.812.984-10.852 10.708-9.196 22.148s8.272 19.628 15.084 18.64a2.23 2.23 0 0 0 1.9-2.536 2.234 2.234 0 0 0-2.54-1.904c-3.64.52-8.64-5.44-10-14.844s1.752-16.544 5.4-17.068z"
fill="#2b414d"
/>
<ellipse
cx="267.289"
cy="92.882"
rx="6.028"
ry="6.168"
transform="scale(-1) rotate(81.79 107.238 -308.604)"
fill="#455d6a"
/>
<path
d="M263.288 58.592c3.58-.516 8.428 5.236 9.9 14.32l4.444-.636c-1.78-11.152-8.28-19.092-14.976-18.12-6.816.98-10.852 10.712-9.196 22.144 1.648 11.436 8.276 19.632 15.088 18.648a2.24 2.24 0 0 0 1.9-2.544 2.239 2.239 0 0 0-2.548-1.9c-3.64.524-8.644-5.444-10-14.848-1.364-9.396 1.748-16.536 5.388-17.064z"
fill="#2b414d"
/>
<ellipse
cx="297.033"
cy="88.563"
rx="6.028"
ry="6.172"
transform="rotate(-98.221 297.035 88.567)"
fill="#455d6a"
/>
<path
d="M293.08 54.288c3.572-.508 8.42 5.244 9.9 14.324l4.428-.636c-1.772-11.152-8.272-19.084-14.976-18.124-6.812.984-10.844 10.712-9.196 22.152 1.656 11.436 8.28 19.624 15.092 18.644a2.26 2.26 0 0 0 1.9-2.548 2.241 2.241 0 0 0-2.54-1.9c-3.648.524-8.656-5.44-10.008-14.84-1.36-9.404 1.748-16.54 5.4-17.072z"
fill="#2b414d"
/>
<path
d="M296.93 260.693h23.456v225.362H296.93z"
transform="rotate(-108.488 308.657 373.372)"
fill="#f7981d"
/>
<path
d="M302.413 253.018h7.296v225.355h-7.296z"
transform="rotate(-108.482 306.062 365.702)"
fill="#fde531"
/>
<path
d="M304.531 260.231h7.916v225.354h-7.916z"
transform="rotate(71.591 308.5 372.907)"
fill="#f8cc0d"
/>
<path d="m205.5 420.204-7.44-22.248-62.352 32.884z" fill="#debea1" />
<path d="m202.872 412.388-4.812-14.432-62.352 32.884z" fill="#f1d7b7" />
<path d="m200.38 404.912-2.32-6.956-62.352 32.884z" fill="#faf6c3" />
<path d="m156.28 419.992-20.572 10.848 23.024-3.508z" fill="#39454e" />
<path
d="m419.1 348.792 25.016-8.372c4.46-1.484 7.556-4.376 6.876-6.4l-4.952-14.82c-.688-2.04-4.884-2.484-9.328-.992l-25.032 8.36 7.42 22.224z"
fill="#e76165"
/>
<path
d="m450.992 334.024-3.9-11.64-33.108 11.072 5.116 15.34 25.016-8.372c4.464-1.488 7.556-4.376 6.876-6.4z"
fill="#a22163"
/>
<path
d="m450.992 334.024-1.376-4.096-33.116 11.084 2.6 7.784 25.016-8.372c4.464-1.488 7.556-4.376 6.876-6.4z"
fill="#802149"
/>
<ellipse
cx="246.042"
cy="453.157"
rx="10.084"
ry="2.308"
transform="scale(-1) rotate(-63.345 -734.53 398.813)"
fill="#f37421"
/>
<path
d="M363.108 194.964c-13.508 15.368-31.328 43.28-48.08 76.624-.212.416-.416.832-.624 1.248l35.548 17.852c.212-.416.42-.828.624-1.248 16.764-33.336 28.532-64.296 32.796-84.304l-20.264-10.172z"
fill="#603b19"
/>
<path
d="M265.188 440.308c21.312-30.904 52.124-84.672 83.592-147.276l1.172-2.344-35.552-17.852c-.392.78-.78 1.552-1.18 2.344-31.46 62.6-56.22 119.412-68.3 154.944l20.268 10.184z"
fill="#9f6b37"
/>
<path
d="M249.812 457.192c4.14-3.328 9.164-9.584 13.988-17.588l-17.48-8.772c-3.548 8.644-5.572 16.4-5.772 21.712l9.264 4.648z"
fill="#603b19"
/>
<path
d="M366.524 196.684c-12.008 16.128-28.868 44.54-45.656 77.864-.212.416-.416.828-.624 1.248l23.876 11.936c.212-.416.416-.824.632-1.248 16.78-33.316 29.572-63.76 35.376-82.992l-13.604-6.808z"
fill="#72481e"
/>
<path
d="M261.72 438.552c19.828-31.652 49.704-85.896 81.212-148.468.408-.792.796-1.572 1.188-2.352l-23.876-11.936c-.392.78-.788 1.556-1.18 2.336-31.524 62.584-57.328 118.856-70.956 153.612l13.612 6.808z"
fill="#af7c42"
/>
<path
d="M248.124 456.348c3.508-3.66 8.04-10.16 12.668-18.272l-11.744-5.872c-3.756 8.54-6.288 16.044-7.132 21.032l6.208 3.112z"
fill="#72481e"
/>
<path
d="M317.143 269.76h39.749v4.74h-39.749z"
transform="rotate(26.658 337.006 272.14)"
fill="#e78a24"
/>
<path
d="M323.697 269.764h26.743v4.736h-26.743z"
transform="rotate(26.68 337.078 272.14)"
fill="#faa928"
/>
<path
d="M363.317 195.57h22.027v4.74h-22.027z"
transform="rotate(26.655 374.342 197.946)"
fill="#faa928"
/>
<path
d="M363.072 276.636s-.064-.16-.18-.476c-.072-.296-.196-.704-.272-1.12-.172-.86-.072-1.812.672-2.512.624-.816 1.428-1.764 2.244-2.96.416-.592.876-1.204 1.32-1.888.436-.68.892-1.408 1.376-2.156.5-.732.92-1.572 1.416-2.4.468-.844 1.008-1.68 1.452-2.608.916-1.84 1.952-3.748 2.82-5.812.444-1.036.968-2.052 1.368-3.136.416-1.088.828-2.184 1.252-3.28.444-1.096.788-2.244 1.14-3.388.376-1.14.752-2.284 1.124-3.424.632-2.328 1.212-4.672 1.796-6.98.408-2.344.892-4.636 1.328-6.876.288-2.26.572-4.444.836-6.524.18-1.032.22-2.048.288-3.032.072-.992.132-1.936.204-2.86.092-1.82.312-3.508.264-5 .016-1.5.024-2.796.064-3.88.056-2.16.072-3.4.072-3.4l1.048-.092s.164 1.232.468 3.388c.148 1.084.312 2.404.5 3.908.228 1.512.296 3.228.368 5.1.04.932.08 1.916.116 2.932.048 1.008.108 2.06.056 3.14-.08 2.156-.172 4.428-.256 6.788-.272 2.344-.508 4.776-.82 7.248-.452 2.44-.908 4.932-1.42 7.412-.664 2.444-1.196 4.936-2.032 7.292-.4 1.188-.788 2.364-1.188 3.524-.368 1.168-.892 2.272-1.32 3.384-.86 2.24-1.86 4.32-2.836 6.28-.452.996-1.032 1.912-1.516 2.82-.508.896-.96 1.796-1.484 2.596-.508.82-1 1.6-1.46 2.336-.468.748-.968 1.424-1.408 2.08-.86 1.296-1.744 2.376-2.416 3.284-.648.956-1.608 1.328-2.584 1.316a4.117 4.117 0 0 1-1.156-.144l-.484-.148-.76-.732z"
fill="#faa925"
/>
</svg>
More icons in the same style and category