Add icons to this collection by clicking the heart icon.
Notes icon - also known as interface, education, notebook, notes, pencil, workbook, note, writing, writing tool, notepad, miscellaneous, and files and folders. 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<path
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#414952"
fill-opacity="1"
/>
<path
d="M512 256c0-4.387-.113-8.746-.328-13.078L348.75 80l-8.176 44.656L295.918 80l-8.938 43.898L243.082 80l-11.629 41.207L190.25 80 149 417l94.7 94.7c4.077.195 8.175.3 12.3.3 141.387 0 256-114.613 256-256Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#23272b"
fill-opacity="1"
/>
<path
d="M149 108h218v309H149Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#fff"
fill-opacity="1"
/>
<path
d="M255.762 108H367v309H255.762Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#e9edf5"
fill-opacity="1"
/>
<path
d="M163.25 80h27v56h-27ZM216.082 80h27v56h-27Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#cdd2e1"
fill-opacity="1"
/>
<path
d="M268.918 80h27v56h-27ZM321.75 80h27v56h-27Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#bec3d2"
fill-opacity="1"
/>
<path
d="m386.059 141.055 39.824 39.828L247.676 359.09l-39.828-39.824Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#ffd400"
fill-opacity="1"
/>
<path
d="m227.535 338.96 178.211-178.21 20.137 20.137-178.211 178.207Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#fdba12"
fill-opacity="1"
/>
<path
d="m394.164 149.164 23.613 23.61-178.21 178.21-23.61-23.613Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#fdba12"
fill-opacity="1"
/>
<path
d="m227.535 338.96 178.211-178.21 12.027 12.027-178.21 178.211Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#ffa300"
fill-opacity="1"
/>
<path
d="m247.676 359.098-54.145 14.316 14.317-54.144Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#f5e3a7"
fill-opacity="1"
/>
<path
d="m193.691 372.809-.16.605 54.145-14.316-20.137-20.137Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#f5d882"
fill-opacity="1"
/>
<path
d="m193.531 373.414 25.442-6.726-18.715-18.715Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#414952"
fill-opacity="1"
/>
<path
d="m193.531 373.414 25.442-6.726-9.578-9.583Zm0 0"
stroke="none"
fill-rule="nonzero"
fill="#23272b"
fill-opacity="1"
/>
</svg>
More icons in the same style and category