Add icons to this collection by clicking the heart icon.
Notes icon - also known as notes, application, ui, app, and files and folders. Created in a clean lineal color style with a white, silver, gray, maroon, and orange 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="512"
height="512"
viewBox="0 0 300 300"
>
<circle cx="122" cy="126" r="86" fill="#eaeaea" />
<path
fill="#a9ba5a"
d="M233.894 256H94.106C79.688 256 68 244.312 68 229.894V90.106C68 75.688 79.688 64 94.106 64h139.789C248.312 64 260 75.688 260 90.106v139.789C260 244.312 248.312 256 233.894 256z"
/>
<path
fill="#4c241d"
d="M233.895 260H94.105C77.504 260 64 246.494 64 229.895V90.105C64 73.506 77.504 60 94.105 60h139.789C250.496 60 264 73.506 264 90.105v139.789c0 16.6-13.504 30.106-30.105 30.106zM94.105 68C81.918 68 72 77.916 72 90.105v139.789C72 242.084 81.918 252 94.105 252h139.789c12.188 0 22.105-9.916 22.105-22.105V90.105C256 77.916 246.082 68 233.895 68z"
/>
<path
fill="#ffce56"
d="M216 120H112v-11.794C112 99.256 119.256 92 128.206 92h71.589c8.95 0 16.206 7.256 16.206 16.206V120z"
/>
<path
fill="#4c241d"
d="M216 124H112c-2.211 0-4-1.791-4-4v-11.795C108 97.064 117.066 88 128.207 88h71.586C210.934 88 220 97.064 220 108.205V120c0 2.209-1.789 4-4 4zm-100-8h96v-7.795c0-6.73-5.477-12.205-12.207-12.205h-71.586c-6.73 0-12.207 5.475-12.207 12.205z"
/>
<path
fill="#fff"
d="M128.206 228h71.589c8.95 0 16.206-7.256 16.206-16.206V120H112v91.794c0 8.95 7.256 16.206 16.206 16.206z"
/>
<path
fill="#4c241d"
d="M199.793 232h-71.586C117.066 232 108 222.936 108 211.795V120c0-2.209 1.789-4 4-4h104c2.211 0 4 1.791 4 4v91.795c0 11.141-9.066 20.205-20.207 20.205zM116 124v87.795c0 6.73 5.477 12.205 12.207 12.205h71.586c6.73 0 12.207-5.475 12.207-12.205V124z"
/>
<g fill="#4c241d">
<path
d="M176 144h-48c-2.211 0-4-1.791-4-4s1.789-4 4-4h48c2.211 0 4 1.791 4 4s-1.789 4-4 4zM156 156h-28c-2.211 0-4-1.791-4-4s1.789-4 4-4h28c2.211 0 4 1.791 4 4s-1.789 4-4 4zM176 168h-48c-2.211 0-4-1.791-4-4s1.789-4 4-4h48c2.211 0 4 1.791 4 4s-1.789 4-4 4zM144 196h-16c-2.211 0-4-1.791-4-4s1.789-4 4-4h16c2.211 0 4 1.791 4 4s-1.789 4-4 4zM164 208h-36c-2.211 0-4-1.791-4-4s1.789-4 4-4h36c2.211 0 4 1.791 4 4s-1.789 4-4 4z"
/>
</g>
<path fill="#bd53b5" d="M208 124h16v64h-16z" />
<path
fill="#4c241d"
d="M224 192h-16c-2.211 0-4-1.791-4-4v-64c0-2.209 1.789-4 4-4h16c2.211 0 4 1.791 4 4v64c0 2.209-1.789 4-4 4zm-12-8h8v-56h-8z"
/>
<path fill="#bf7e68" d="M224 188h-16l8.533 16z" />
<path
fill="#4c241d"
d="M216.535 208a3.997 3.997 0 0 1-3.527-2.117l-8.535-16A3.997 3.997 0 0 1 208 184h16a3.998 3.998 0 0 1 3.625 5.692l-7.465 16a4 4 0 0 1-3.52 2.307l-.105.001zm-1.867-16 1.629 3.053 1.422-3.053z"
/>
<path fill="#b5a19c" d="M208 112h16v12h-16z" />
<path
fill="#4c241d"
d="M224 128h-16c-2.211 0-4-1.791-4-4v-12c0-2.209 1.789-4 4-4h16c2.211 0 4 1.791 4 4v12c0 2.209-1.789 4-4 4zm-12-8h8v-4h-8z"
/>
<circle cx="240" cy="228" r="4" fill="#4c241d" />
<path
fill="#4c241d"
d="M97.656 99.656a3.988 3.988 0 0 1-2.828-1.172L83.516 87.172a4 4 0 1 1 5.656-5.656l11.312 11.312a4 4 0 0 1-2.828 6.828z"
/>
<path
fill="#4c241d"
d="M86.344 99.656a4 4 0 0 1-2.828-6.828l11.312-11.312a4 4 0 1 1 5.656 5.656L89.172 98.484a3.984 3.984 0 0 1-2.828 1.172z"
/>
</svg>
More icons in the same style and category