Add icons to this collection by clicking the heart icon.
Sticky Note icon - also known as notes, share, note, post, sticky note, and files and folders. 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 33.867 33.867"
>
<linearGradient
id="b"
x1="18.729"
x2="1.295"
y1="13.78"
y2="23.676"
gradientTransform="rotate(-14.98 -818.221 1829.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7e3f" />
<stop offset="1" stop-color="#ffbe3f" />
</linearGradient>
<linearGradient
id="c"
x1="-485.649"
x2="-462.534"
y1="-130.037"
y2="-152.554"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f5f8ff" />
<stop offset="1" stop-color="#a0c9ff" />
</linearGradient>
<linearGradient
id="d"
x1="15.279"
x2="22.246"
y1="4.542"
y2="4.542"
gradientTransform="rotate(-90 -306.39 172.351)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d90947" />
<stop offset="1" stop-color="#ff585b" />
</linearGradient>
<linearGradient
id="e"
x1="-476.981"
x2="-476.981"
y1="-143.215"
y2="-145.858"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="a">
<stop offset="0" stop-color="#0056ff" />
<stop offset="1" stop-color="#0ab0f2" />
</linearGradient>
<linearGradient
id="f"
x1="-476.981"
x2="-476.981"
y1="-136.401"
y2="-139.13"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-465.16"
x2="-465.16"
y1="-136.401"
y2="-139.13"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g
stroke-dashoffset="7.312"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2.646"
paint-order="fill markers stroke"
>
<path
fill="url(#b)"
d="m-492.328-148.384 19.467-5.217a2.64 2.64 0 0 1 3.24 1.871l4.997 18.648a2.64 2.64 0 0 1-1.871 3.24l-19.467 5.217a2.64 2.64 0 0 1-3.24-1.871l-4.997-18.648a2.64 2.64 0 0 1 1.87-3.24z"
transform="translate(495.346 157.343)"
/>
<path
fill="url(#c)"
d="M-483.217-153.639h18.037a2.64 2.64 0 0 1 2.646 2.646v19.306a2.64 2.64 0 0 1-2.646 2.645h-18.037a2.64 2.64 0 0 1-2.646-2.645v-19.306a2.64 2.64 0 0 1 2.646-2.646z"
transform="translate(495.346 157.343)"
/>
<path
fill="url(#d)"
d="M-474.198-156.285a3.484 3.484 0 0 1 3.483 3.484 3.484 3.484 0 0 1-3.483 3.484 3.484 3.484 0 0 1-3.484-3.484 3.484 3.484 0 0 1 3.484-3.484z"
transform="translate(495.346 157.343)"
/>
</g>
<path
fill="url(#e)"
d="M-481.316-143.155a1.323 1.323 0 1 1 0-2.645h14.238a1.323 1.323 0 0 1 0 2.645z"
paint-order="markers fill stroke"
transform="translate(495.346 157.343)"
/>
<path
fill="url(#f)"
d="M-481.316-136.169a1.323 1.323 0 1 1 0-2.644h7.162a1.323 1.323 0 0 1 0 2.644z"
paint-order="markers fill stroke"
transform="translate(495.346 157.343)"
/>
<path
fill="url(#g)"
d="M-469.495-136.169a1.323 1.323 0 1 1 0-2.644h2.417a1.323 1.323 0 0 1 0 2.644z"
paint-order="markers fill stroke"
transform="translate(495.346 157.343)"
/>
<path
fill="#6e98f5"
d="M10.333 25.594v.264h.53v-.264zm1.324 0v.264h.53v-.264zm1.323 0v.264h.529v-.264zm1.322 0v.264h.53v-.264zm1.324 0v.264h.53v-.264zm1.322 0v.264h.53v-.264zm1.323 0v.264h.529v-.264zm1.324 0v.264h.529v-.264zm1.322 0v.264h.53v-.264zm1.322 0v.264h.53v-.264zm1.324 0v.264h.528v-.264zm1.323 0v.264h.529v-.264zm1.254 0v.264h.53v-.264zm1.322 0v.264h.53v-.264zm1.324 0v.264h.53v-.264zm1.324 0v.264h.53v-.264zm1.323 0v.264h.529v-.264zM10.333 6.094v.264h.53v-.264zm1.324 0v.264h.53v-.264zm1.323 0v.264h.529v-.264zm1.322 0v.264h.53v-.264zm1.324 0v.264h.53v-.264zm1.322 0v.264h.53v-.264zm7.938 0v.264h.529v-.264zm1.254 0v.264h.53v-.264zm1.322 0v.264h.53v-.264zm1.324 0v.264h.53v-.264zm1.324 0v.264h.53v-.264zm1.323 0v.264h.529v-.264z"
paint-order="markers fill stroke"
/>
</svg>
More icons in the same style and category