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 lineal color 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="#f5f5f5"
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="#cfd8dc"
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="#9e9e9e" />
<circle cx="9" cy="10" r="2" fill="#9e9e9e" />
<circle cx="39" cy="10" r="2" fill="#9e9e9e" />
<circle cx="29" cy="10" r="2" fill="#9e9e9e" />
<path
fill="#ffdf00"
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="#fec108"
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="#ff9801"
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="#f57c00"
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="#ffe0b2" />
<path
fill="#dfc49c"
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"
/>
<g fill="#000">
<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 1zM40 27H8a1 1 0 0 0 0 2h32a1 1 0 0 0 0-2zM8 33a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2zM28 39H8a1 1 0 0 0 0 2h20a1 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 5v46a5.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.908S55.65 33.233 48 32.16zM5 58a3 3 0 0 1-3-3V17a1 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 26zM9 9a1 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 46.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="M8 16a1 1 0 0 0-1-1H6a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1zM11 17h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM16 17h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM21 17h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM26 17h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM31 17h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM36 17h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM41 17h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category