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 blue style with a white, silver, and blue 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"
>
<path
fill="#cceaff"
d="M246 106.364v113.53C246 234.312 234.312 246 219.894 246H80.106C65.688 246 54 234.312 54 219.894V80.106C54 65.688 65.688 54 80.106 54h139.789C234.312 54 246 65.688 246 80.106v12.617"
/>
<path
fill="#2e58ff"
d="M219.895 250H80.105C63.504 250 50 236.494 50 219.895V80.105C50 63.506 63.504 50 80.105 50h139.789C236.496 50 250 63.506 250 80.105v12.617c0 2.209-1.789 4-4 4s-4-1.791-4-4V80.105C242 67.916 232.082 58 219.895 58H80.105C67.918 58 58 67.916 58 80.105v139.789C58 232.084 67.918 242 80.105 242h139.789c12.188 0 22.105-9.916 22.105-22.105v-113.53c0-2.209 1.789-4 4-4s4 1.791 4 4v113.529C250 236.494 236.496 250 219.895 250z"
/>
<path
fill="#92ceff"
d="M202 110H98V98.206C98 89.256 105.256 82 114.206 82h71.589C194.744 82 202 89.256 202 98.206z"
/>
<path
fill="#2e58ff"
d="M202 114H98c-2.211 0-4-1.791-4-4V98.205C94 87.064 103.066 78 114.207 78h71.586C196.934 78 206 87.064 206 98.205V110c0 2.209-1.789 4-4 4zm-100-8h96v-7.795C198 91.475 192.523 86 185.793 86h-71.586C107.477 86 102 91.475 102 98.205z"
/>
<path
fill="#fff"
d="M114.206 218h71.589c8.95 0 16.206-7.256 16.206-16.206V110H98v91.794c0 8.95 7.256 16.206 16.206 16.206z"
/>
<path
fill="#2e58ff"
d="M185.793 222h-71.586C103.066 222 94 212.936 94 201.795V110c0-2.209 1.789-4 4-4h104c2.211 0 4 1.791 4 4v91.795c0 11.141-9.066 20.205-20.207 20.205zM102 114v87.795c0 6.73 5.477 12.205 12.207 12.205h71.586c6.73 0 12.207-5.475 12.207-12.205V114z"
/>
<g fill="#2e58ff">
<path
d="M162 134h-48c-2.211 0-4-1.791-4-4s1.789-4 4-4h48c2.211 0 4 1.791 4 4s-1.789 4-4 4zM142 146h-28c-2.211 0-4-1.791-4-4s1.789-4 4-4h28c2.211 0 4 1.791 4 4s-1.789 4-4 4zM162 158h-48c-2.211 0-4-1.791-4-4s1.789-4 4-4h48c2.211 0 4 1.791 4 4s-1.789 4-4 4zM130 186h-16c-2.211 0-4-1.791-4-4s1.789-4 4-4h16c2.211 0 4 1.791 4 4s-1.789 4-4 4zM150 198h-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="#cceaff" d="M194 114h16v64h-16z" />
<path
fill="#2e58ff"
d="M210 182h-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="#92ceff" d="M210 178h-16l8.533 16z" />
<path
fill="#2e58ff"
d="M202.535 198a3.997 3.997 0 0 1-3.527-2.117l-8.535-16A3.997 3.997 0 0 1 194 174h16a3.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="#92ceff" d="M194 102h16v12h-16z" />
<path
fill="#2e58ff"
d="M210 118h-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="226" cy="218" r="4" fill="#2e58ff" />
<path
fill="#2e58ff"
d="M83.656 89.656a3.988 3.988 0 0 1-2.828-1.172L69.516 77.172a4 4 0 1 1 5.656-5.656l11.312 11.312a4 4 0 0 1-2.828 6.828z"
/>
<path
fill="#2e58ff"
d="M72.344 89.656a4 4 0 0 1-2.828-6.828l11.312-11.312a4 4 0 1 1 5.656 5.656L75.172 88.484a3.984 3.984 0 0 1-2.828 1.172z"
/>
</svg>
More icons in the same style and category