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 lineal color style with a black, 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
d="M265.054 303.338H42.476c-19.317 0-34.976-15.659-34.976-34.976V100.786c0-19.317 15.659-34.976 34.976-34.976H308.9c19.317 0 34.976 15.659 34.976 34.976v123.73c.001 43.532-35.29 78.822-78.822 78.822z"
fill="#2ccd69"
/>
<path
d="M133.441 298.159a67.616 67.616 0 0 0-4.667 5.179h136.279c43.533 0 78.823-35.29 78.823-78.823v-123.73c0-1.879-.153-3.722-.438-5.521-7.98 3.322-15.31 8.208-21.607 14.504l-188.39 188.391z"
fill="#00c072"
/>
<circle cx="226.897" cy="53.008" r="39.997" fill="#f7e969" />
<path
d="M481.413 331.359 324.027 488.745c-13.659 13.659-35.805 13.659-49.464 0L156.069 370.251c-13.659-13.659-13.659-35.805 0-49.464l188.39-188.39c13.659-13.659 35.805-13.659 49.464 0l87.49 87.49c30.783 30.782 30.783 80.69 0 111.472z"
fill="#f7e969"
/>
<circle
cx="277.421"
cy="181.329"
r="39.997"
transform="rotate(-13.517 277.477 181.37)"
fill="#ff6e80"
/>
<path
d="m450.409 250.891 31.004-31.004c30.782 30.782 30.782 80.69 0 111.473l-31.004-31.004c-13.659-13.661-13.659-35.806 0-49.465z"
fill="#f5c956"
/>
<ellipse
cx="267.9"
cy="387.991"
rx="29.529"
ry="23.515"
transform="rotate(-44.874 267.884 387.967)"
fill="#ffa1ac"
/>
<ellipse
cx="381.324"
cy="275.062"
rx="29.529"
ry="23.515"
transform="rotate(-44.874 381.302 275.045)"
fill="#ffa1ac"
/>
<path
d="M226.897 93.004c15.05 0 28.152-8.316 34.978-20.6-50.341 10.449-62.253-39.326-53.744-54.72-12.63 6.724-21.232 20.017-21.232 35.323.001 22.09 17.908 39.997 39.998 39.997z"
fill="#f5c956"
/>
<path
d="M277.421 221.326c15.05 0 28.152-8.316 34.978-20.6-50.341 10.449-62.253-39.326-53.744-54.72-12.63 6.724-21.232 20.017-21.232 35.323.002 22.09 17.909 39.997 39.998 39.997z"
fill="#f8475e"
/>
<circle
cx="226.897"
cy="53.008"
r="39.997"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="277.421"
cy="181.329"
r="39.997"
transform="rotate(-13.517 277.477 181.37)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m402.371 410.401 79.043-79.043c30.782-30.782 30.782-80.69 0-111.472l-87.49-87.49c-13.659-13.659-35.805-13.659-49.464 0l-31.191 31.191M259.679 217.176l-103.61 103.61c-13.659 13.659-13.659 35.805 0 49.464l118.494 118.494c13.659 13.659 35.805 13.659 49.464 0l57.359-57.359"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M54.831 65.81H42.476C23.159 65.81 7.5 81.469 7.5 100.786v167.576c0 19.317 15.659 34.976 34.976 34.976h131.041M189.005 65.81H84.257M343.877 132.979v-32.193c0-19.317-15.66-34.976-34.976-34.976h-44.112M481.413 331.359l-31.004-31.004c-13.659-13.659-13.659-35.805 0-49.464l31.004-31.004M198.359 81.545l-30.429 30.429M277.421 222.326v42.394M73.915 162.747h101.773M73.915 213.52h66.745M344.665 262.635l8.469 8.501M318.704 339.575l10.26-5.813c7.904-4.478 4.45-16.555-4.626-16.177h0c-4.276.178-7.785-3.347-7.589-7.622h0c.418-9.075-11.644-12.581-16.156-4.697l-5.858 10.235M273.462 349.254c-5.48-5.504-14.384-5.523-19.888-.044-5.504 5.48-5.523 14.384-.044 19.888"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category