Add icons to this collection by clicking the heart icon.
Note icon - also known as notes, paper, note, pushpin, Post it, annotation, and files and folders. Created in a clean flat style with a gray, red, teal, orange, and pink 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 512 512"
>
<path
fill="#2ccd69"
d="M265.327 304.767H36.032C16.132 304.767 0 288.635 0 268.735V96.101c0-19.9 16.132-36.032 36.032-36.032h274.465c19.9 0 36.032 16.132 36.032 36.032v127.464c0 44.847-36.355 81.202-81.202 81.202z"
/>
<path
fill="#00c072"
d="M129.742 299.432a69.487 69.487 0 0 0-4.808 5.336h140.392c44.847 0 81.202-36.355 81.202-81.202V96.101c0-1.936-.157-3.835-.451-5.688-8.221 3.422-15.773 8.455-22.259 14.942z"
/>
<path
fill="#5972a4"
d="M165.272 115.127a7.474 7.474 0 0 1-5.303-2.197 7.5 7.5 0 0 1 0-10.606l60.746-60.746a7.5 7.5 0 0 1 10.607 10.606l-60.746 60.746a7.48 7.48 0 0 1-5.304 2.197z"
/>
<path
fill="#f7e969"
d="M262.052 66.863a41.005 41.005 0 0 0 5.17-19.982c0-22.756-18.448-41.204-41.204-41.204a41.01 41.01 0 0 0-19.332 4.815c-19.733 19.747.543 91.088 55.366 56.371zM488.216 333.633 326.08 495.769c-14.071 14.071-36.885 14.071-50.957 0l-122.07-122.07c-14.071-14.071-14.071-36.885 0-50.957l194.076-194.076c14.071-14.071 36.885-14.071 50.957 0l90.131 90.131c31.711 31.711 31.711 83.125-.001 114.836z"
/>
<path
fill="#5972a4"
d="M278.068 272.483a7.5 7.5 0 0 1-7.5-7.5v-85.908a7.5 7.5 0 0 1 15 0v85.908a7.5 7.5 0 0 1-7.5 7.5z"
/>
<path
fill="#ff6e80"
d="M314.102 199.058a41.002 41.002 0 0 0 5.17-19.982c0-22.756-18.448-41.204-41.204-41.204a41.01 41.01 0 0 0-19.332 4.815c-21.872 22.517-.119 85.441 55.366 56.371z"
/>
<path
fill="#f5c956"
d="m456.276 250.736 31.94-31.94c31.711 31.711 31.711 83.126 0 114.837l-31.94-31.94c-14.071-14.071-14.071-36.885 0-50.957z"
/>
<g fill="#5972a4">
<path
d="M173.265 167.433H68.42a7.5 7.5 0 0 1 0-15h104.845a7.5 7.5 0 0 1 0 15zM137.179 219.738H68.42a7.5 7.5 0 0 1 0-15h68.759a7.5 7.5 0 0 1 0 15z"
/>
</g>
<g fill="#ffa1ac">
<ellipse
cx="268.259"
cy="391.974"
rx="30.42"
ry="24.225"
transform="rotate(-44.88 268.073 391.732)"
/>
<path
d="M363.549 297.1c9.44 9.481 26.744 7.558 38.649-4.296 11.906-11.854 13.905-29.149 4.465-38.63s-26.744-7.558-38.65 4.296c-11.904 11.854-13.903 29.149-4.464 38.63z"
/>
</g>
<g fill="#425460">
<path
d="M356.065 279.093a7.475 7.475 0 0 1-5.313-2.207l-8.725-8.758a7.501 7.501 0 0 1 10.627-10.587l8.725 8.758a7.501 7.501 0 0 1-5.314 12.794zM320.603 349.599a7.501 7.501 0 0 1-3.704-14.027l10.57-5.989c.315-.178.97-.549.663-1.621-.306-1.072-1.06-1.04-1.42-1.025a15.07 15.07 0 0 1-11.264-4.407 15.048 15.048 0 0 1-4.358-11.283c.017-.362.051-1.113-1.019-1.425-1.067-.31-1.444.342-1.624.656l-6.035 10.544a7.5 7.5 0 0 1-13.019-7.451l6.035-10.544c3.839-6.709 11.406-9.768 18.829-7.608 7.423 2.158 12.171 8.796 11.816 16.518 7.733-.303 14.354 4.47 16.479 11.901 2.125 7.432-.965 14.985-7.69 18.796l-10.57 5.989a7.468 7.468 0 0 1-3.689.976zM253.456 380.012a7.475 7.475 0 0 1-5.315-2.208c-8.554-8.591-8.523-22.54.068-31.094 8.592-8.554 22.54-8.523 31.094.068a7.501 7.501 0 0 1-.023 10.607 7.5 7.5 0 0 1-10.606-.023c-2.718-2.729-7.151-2.74-9.881-.021-1.322 1.317-2.053 3.07-2.057 4.936s.719 3.623 2.036 4.945a7.501 7.501 0 0 1-.023 10.607 7.489 7.489 0 0 1-5.293 2.183z"
/>
</g>
<path
fill="#f5c956"
d="M226.018 88.085c15.504 0 29.001-8.567 36.034-21.221-51.861 10.764-64.132-40.513-55.366-56.372-13.011 6.927-21.872 20.621-21.872 36.389 0 22.756 18.448 41.204 41.204 41.204z"
/>
<path
fill="#f8475e"
d="M278.068 220.28c15.504 0 29.001-8.567 36.034-21.221-51.861 10.764-64.132-40.513-55.366-56.372-13.011 6.927-21.872 20.621-21.872 36.389 0 22.756 18.448 41.204 41.204 41.204z"
/>
</svg>
More icons in the same style and category