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 lineal color style with a white, silver, gray, and black 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-35.11 41.314c-.007 191.86-.007 183.406 0 283.387l70.216.005V41.31Z"
transform="translate(463.228 50.886)"
fill="#d8fc7e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.005 166.481-.006 180.996.001 283.387 78.222.005 60.085.005-20 0C-20.007 167.331-20.005 161.448-20 0l35.111-41.314 10 11.766z"
transform="translate(448.117 92.2)"
fill="#00dba8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v30.033c20.501 16.367 49.702 16.38 70.219 0V0c-14.143-16.637-6.321-7.432-35.106-41.315C4.989-5.867 13.344-15.698 0 0"
transform="translate(428.116 92.198)"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v30.033a56.032 56.032 0 0 0 25.11 11.384C9.198 44.267-7.208 40.246-20 30.033V0c13.234-15.569 6.861-8.071 35.113-41.315l9.998 11.769C7.389-8.692 13.128-15.444 0 0"
transform="translate(448.117 92.198)"
fill="#c5d9ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M57.87 49.86H7.67v455.08h50.2z"
fill="#6987a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-387.08c0-18.78-15.22-34-34-34h-279.91V34H-34C-15.22 34 0 18.77 0 0"
transform="translate(371.78 470.94)"
fill="#d8fc7e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M302.113 49.855H246.63v455.082h55.483z"
fill="#5bf2e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 279.594-41.88c25.6-3.834 48.62 15.994 48.62 41.88 0 .1 7.249 0-328.214 0"
transform="translate(.98 49.855)"
fill="#d8fc7e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M421.953 412.339H504.5v-36.75h-82.547z"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h17.143C31.799 0 43.68-11.882 43.68-26.538v-22.24h-70.218v22.24C-26.538-11.882-14.657 0 0 0"
transform="translate(454.656 461.117)"
fill="#5bf2e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c15.277 8.414 33.999 8.433 49.293 0L24.65-29.007Z"
transform="translate(438.58 79.89)"
fill="#6987a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 279.594-41.88c25.6-3.834 48.62 15.994 48.62 41.88 0 .1 7.249 0-328.214 0"
transform="translate(.98 49.855)"
fill="#d8fc7e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M7.67 49.86h20v455.08h-20z"
fill="#4b6277"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M57.87 49.86h20v455.08h-20z"
fill="#00dba8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M246.63 49.855h20v455.082h-20z"
fill="#00adeb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M421.953 375.589h20v36.75h-20z"
fill="#c5d9ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.067.057-.121.04-18.571.04-14.657 0-26.538-11.882-26.538-26.538v-22.24h20v22.24C-25.109-12.321-13.992-.742 0 0"
transform="translate(473.228 461.077)"
fill="#00adeb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a50.788 50.788 0 0 0 14.65 5.333C3.093 7.62-9.212 5.941-20 0L4.651-29.007l9.998 11.77z"
transform="translate(458.58 79.89)"
fill="#4b6277"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-173.76v62.14h-15V0h-35.2v440.08h35.2V77.14h15v362.94H0Zm15 440.077h40.483V0H15ZM42.556-41.968l-180.005 26.963H81.75c-3.922-17.819-21.013-29.683-39.194-26.963M98.65 455.08h-337.61l-.301-470.002c501.182-75.056 123.575-18.51 279.595-41.88C67.478-60.873 92.858-42.199 96.987-15c26.222 0 43.163 19.752 43.163 41.5v291.59h-15V26.5c0-14.612-11.887-26.5-26.5-26.5H70.483v440.08H98.65c14.613 0 26.5-11.888 26.5-26.5v-80.49h15v80.49c0 22.883-18.617 41.5-41.5 41.5"
transform="translate(239.13 57.36)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-17.521 8.389-37.678 8.396-55.218 0v232.38L0 232.381Zm0-40.753-4.933-5.805a58.74 58.74 0 0 1-45.349 0l-4.935 5.807-.001 23.509C-38.652-5.831-16.531-5.851 0-17.243ZM-27.606-73.24l-12.301 14.474c7.953 2.325 16.656 2.324 24.6.001zm-27.611 372.111c0 10.498 8.54 19.038 19.038 19.038h17.143c10.497 0 19.037-8.54 19.037-19.038v-14.74h-55.218zm61.382-51.487-67.547-.003v21.75H6.165Zm15 36.747h-6.164v14.74c0 18.769-15.269 34.038-34.037 34.038h-17.143c-18.768 0-34.038-15.269-34.038-34.038v-14.74h-6.165v-51.75h6.166l-.003-278.648 42.615-50.141L15-46.27v278.651h6.165z"
transform="translate(490.835 135.708)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M470.727 266.322h-15v47.229h15zm0-30h-15v15h15zm0-30h-15v15h15z"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category