Add icons to this collection by clicking the heart icon.
Note icon - also known as document, pin, note, pushpin, sticker, reminder, notepad, event, files and folders, and thumb tack. Created in a clean flat gradient 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 24 24"
>
<linearGradient
id="a"
x1="5.086"
x2="18.707"
y1="4.086"
y2="17.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#effff4" />
<stop offset="1" stop-color="#d1ffec" />
</linearGradient>
<linearGradient
id="b"
x1="15.587"
x2="18.21"
y1="15.587"
y2="18.21"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6be8a7" />
<stop offset="1" stop-color="#01b59c" />
</linearGradient>
<linearGradient
id="c"
x1="6.703"
x2="10.707"
y1="6.703"
y2="10.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe2e6" />
<stop offset="1" stop-color="#ffc4ce" />
</linearGradient>
<linearGradient
id="d"
x1="3.88"
x2="8.12"
y1="3.88"
y2="8.12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff8a6b" />
<stop offset="1" stop-color="#fe626a" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="M15 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a1 1 0 0 1-.293.707l-5 5A1 1 0 0 1 15 21z"
/>
<path
fill="url(#b)"
d="M21 15a1.033 1.033 0 0 1-.29.71l-5 5A1.033 1.033 0 0 1 15 21v-4a2.006 2.006 0 0 1 2-2z"
/>
<path
fill="url(#c)"
d="M10 11a1 1 0 0 1-.707-.293L6.7 8.117A1 1 0 1 1 8.117 6.7l2.59 2.59A1 1 0 0 1 10 11z"
/>
<path fill="url(#d)" d="M6 9a3 3 0 1 1 3-3 3 3 0 0 1-3 3z" />
</g>
</svg>
More icons in the same style and category