Add icons to this collection by clicking the heart icon.
Notes icon - also known as user, file, document, notes, criteria, project, notepad, checklist, task, and personal information. Created in a clean blue 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="512"
height="512"
viewBox="0 0 61 60"
>
<g fill="none" fill-rule="evenodd">
<path
fill="#e8edfc"
d="M47 9v24.05a8.269 8.269 0 0 0-1-.05 13 13 0 0 0-8 23.24 12.786 12.786 0 0 0 6.06 2.61A3.72 3.72 0 0 1 43 59H5a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h38a4 4 0 0 1 4 4z"
/>
<path
fill="#cad9fc"
d="M43 5h-3a4 4 0 0 1 4 4v24.05a8.269 8.269 0 0 0-1-.05 13 13 0 0 0-8 23.24 12.786 12.786 0 0 0 6.06 2.61A3.72 3.72 0 0 1 40 59h3a3.72 3.72 0 0 0 1.06-.15A12.786 12.786 0 0 1 38 56.24 13 13 0 0 1 46 33c.334-.004.668.013 1 .05V9a4 4 0 0 0-4-4z"
/>
<circle cx="19" cy="10" r="2" fill="#a4c2f7" />
<circle cx="9" cy="10" r="2" fill="#a4c2f7" />
<circle cx="39" cy="10" r="2" fill="#a4c2f7" />
<circle cx="29" cy="10" r="2" fill="#a4c2f7" />
<path
fill="#a4c2f7"
d="M54 54v2.24a12.9 12.9 0 0 1-9.94 2.61A12.786 12.786 0 0 1 38 56.24V54a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6z"
/>
<path
fill="#7facfa"
d="M48 48h-3a6 6 0 0 1 6 6v2.24a12.884 12.884 0 0 1-6.492 2.66c.495.063.993.096 1.492.1a12.9 12.9 0 0 0 8-2.76V54a6 6 0 0 0-6-6z"
/>
<path
fill="#c6d8fb"
d="M59 46a12.963 12.963 0 0 1-5 10.24V54a6 6 0 0 0-6-6h-4a6 6 0 0 0-6 6v2.24A13 13 0 0 1 46 33c.334-.004.668.013 1 .05 6.77.516 12 6.16 12 12.95z"
/>
<path
fill="#a4c3fd"
d="M47 33.05a8.269 8.269 0 0 0-1-.05c-.524.002-1.047.035-1.567.1a12.979 12.979 0 0 1 9.485 19.952c.052.313.08.63.082.948v2.24a12.987 12.987 0 0 0-7-23.19z"
/>
<circle cx="46" cy="43" r="5" fill="#e8edfc" />
<path
fill="#cad9fc"
d="M46 38a4.966 4.966 0 0 0-1.5.254 4.968 4.968 0 0 1 0 9.492A4.99 4.99 0 1 0 46 38z"
/>
<path
fill="#fff"
d="M5 59h3a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4H5a4 4 0 0 0-4 4v46a4 4 0 0 0 4 4zM46 59a12.942 12.942 0 0 0 1.534-.1c-.158-.017-.319-.024-.474-.049-.344.1-.701.15-1.06.149z"
/>
<path fill="#fff" d="M0 47h2v8H0z" />
<g fill="#428dff">
<circle cx="1" cy="51" r="1" />
<path
d="M7 22a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2H8a1 1 0 0 0-1 1zM17 22a1 1 0 0 0 1 1h22a1 1 0 0 0 0-2H18a1 1 0 0 0-1 1zM7 28a1 1 0 0 0 1 1h32a1 1 0 0 0 0-2H8a1 1 0 0 0-1 1zM8 35h11a1 1 0 0 0 0-2H8a1 1 0 0 0 0 2zM8 41h20a1 1 0 0 0 0-2H8a1 1 0 0 0 0 2z"
/>
<path
fill-rule="nonzero"
d="M48 32.16V9a5.006 5.006 0 0 0-5-5h-3V1a1 1 0 0 0-2 0v3h-8V1a1 1 0 0 0-2 0v3h-8V1a1 1 0 0 0-2 0v3h-8V1a1 1 0 1 0-2 0v3H5a5.006 5.006 0 0 0-5 5v38a1 1 0 0 0 2 0V17a1 1 0 0 0 0-2V9a3 3 0 0 1 3-3h3v1.184a3 3 0 1 0 2 0V6h8v1.184a3 3 0 1 0 2 0V6h8v1.184a3 3 0 1 0 2 0V6h8v1.184a3 3 0 1 0 2 0V6h3a3 3 0 0 1 3 3v6a1 1 0 0 0 0 2v15a13.986 13.986 0 0 0-7.174 26H5a3 3 0 0 1-3-3 1 1 0 0 0-2 0 5.006 5.006 0 0 0 5 5h38c.377-.002.752-.05 1.117-.142 7.649 1.072 14.718-4.259 15.79-11.908C60.98 40.302 55.65 33.233 48 32.16zM9 11a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm10 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm10 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm10 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0 44.727V54a5.006 5.006 0 0 1 5-5h4a5.006 5.006 0 0 1 5 5v1.727a11.915 11.915 0 0 1-14 0zM46 47a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm9 6.916a7.009 7.009 0 0 0-4.86-6.58 6 6 0 1 0-8.272 0A7.009 7.009 0 0 0 37 53.916c-4.258-4.823-3.954-12.147.688-16.601 4.643-4.454 11.973-4.454 16.616 0 4.642 4.454 4.946 11.778.688 16.601z"
/>
<path
d="M7 15H6a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM12 17a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM17 15h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM22 17a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM27 17a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM32 17a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM37 17a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM42 17a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category