Add icons to this collection by clicking the heart icon.
Post It icon - also known as notes, paper, Post it, files and folders, and sticky notes. Created in a clean 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 512 512"
>
<linearGradient
id="c"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4747" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<radialGradient
id="d"
cx="257.013"
cy="280.338"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4747" />
<stop offset=".106" stop-color="#ff4f49" stop-opacity=".889" />
<stop offset=".264" stop-color="#ff634f" stop-opacity=".723" />
<stop offset=".455" stop-color="#ff8458" stop-opacity=".523" />
<stop offset=".67" stop-color="#ffb265" stop-opacity=".297" />
<stop offset=".905" stop-color="#ffed74" stop-opacity=".052" />
<stop offset=".954" stop-color="#fffa78" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ffb11d" />
<stop offset=".462" stop-color="#ffd449" />
<stop offset="1" stop-color="#fffa78" />
</linearGradient>
<linearGradient
id="e"
x1="-73.714"
x2="561.886"
y1="731.717"
y2="96.117"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffb11d" stop-opacity=".6" />
<stop offset=".1" stop-color="#ffc116" stop-opacity=".54" />
<stop offset=".271" stop-color="#ffd70c" stop-opacity=".438" />
<stop offset=".46" stop-color="#ffe605" stop-opacity=".324" />
<stop offset=".679" stop-color="#ffef01" stop-opacity=".192" />
<stop offset="1" stop-color="#fff200" stop-opacity="0" />
</linearGradient>
<linearGradient
id="f"
x1="256"
x2="256"
y1="389.156"
y2="453.933"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="-126.799"
x2="496.606"
y1="754.91"
y2="131.504"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="256"
x2="256"
y1="359.085"
y2="422.878"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="184.379"
x2="447.164"
y1="152.707"
y2="415.493"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="j"
cx="289.476"
cy="257.892"
r="162.53"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff8c00" />
<stop offset=".021" stop-color="#ff9400" stop-opacity=".98" />
<stop offset=".111" stop-color="#ffb100" stop-opacity=".889" />
<stop offset=".212" stop-color="#ffc900" stop-opacity=".788" />
<stop offset=".326" stop-color="#ffdb00" stop-opacity=".674" />
<stop offset=".461" stop-color="#ffe800" stop-opacity=".539" />
<stop offset=".636" stop-color="#fff000" stop-opacity=".364" />
<stop offset="1" stop-color="#fff200" stop-opacity="0" />
</radialGradient>
<linearGradient
id="k"
x1="-79.487"
x2="344.298"
y1="635.517"
y2="211.732"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="-351.63"
x2="402.32"
y1="800.827"
y2="46.877"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="50.752"
x2="471.08"
y1="521.032"
y2="100.704"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="n"
cx="336.03"
cy="304.748"
r="274.821"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb11d" />
<stop offset=".078" stop-color="#ffc232" stop-opacity=".922" />
<stop offset=".198" stop-color="#ffd64b" stop-opacity=".802" />
<stop offset=".332" stop-color="#ffe65f" stop-opacity=".668" />
<stop offset=".485" stop-color="#fff16d" stop-opacity=".515" />
<stop offset=".673" stop-color="#fff876" stop-opacity=".327" />
<stop offset="1" stop-color="#fffa78" stop-opacity="0" />
</radialGradient>
<linearGradient
id="o"
x1="-71.461"
x2="393.656"
y1="452.867"
y2="-12.25"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M109.363 384.5c.309 10 .655 20 1.037 30 .322 8.276 7.323 15.399 15.6 15.851a2425.725 2425.725 0 0 0 260 0c8.277-.452 15.277-7.577 15.6-15.851.382-10 .727-20 1.037-30a3348.545 3348.545 0 0 1-293.274 0z"
/>
<path
fill="url(#f)"
d="M109.363 384.5c.309 10 .655 20 1.037 30 .322 8.276 7.323 15.399 15.6 15.851a2425.725 2425.725 0 0 0 260 0c8.277-.452 15.277-7.577 15.6-15.851.382-10 .727-20 1.037-30a3348.545 3348.545 0 0 1-293.274 0z"
/>
<path
fill="url(#g)"
d="M108.543 354.5c.237 10 .511 20 .82 30 .261 8.276 7.266 15.331 15.61 15.704a2978.886 2978.886 0 0 0 262.053 0c8.344-.374 15.349-7.43 15.61-15.704.309-10 .583-20 .82-30a4416.587 4416.587 0 0 1-294.913 0z"
/>
<path
fill="url(#h)"
d="M108.543 354.5c.237 10 .511 20 .82 30 .261 8.276 7.266 15.331 15.61 15.704a2978.886 2978.886 0 0 0 262.053 0c8.344-.374 15.349-7.43 15.61-15.704.309-10 .583-20 .82-30a4416.587 4416.587 0 0 1-294.913 0z"
/>
<path
fill="url(#i)"
d="M404.365 209.5c.541 48.333.239 96.667-.908 145-.2 8.275-7.199 15.26-15.597 15.557a3812.609 3812.609 0 0 1-147.074 2.25c53.945-54.436 109.605-110.329 163.579-162.807z"
/>
<path
fill="url(#j)"
d="M404.365 209.5c.541 48.333.239 96.667-.908 145-.2 8.275-7.199 15.26-15.597 15.557a3812.609 3812.609 0 0 1-147.074 2.25c53.945-54.436 109.605-110.329 163.579-162.807z"
/>
<path
fill="url(#k)"
d="M391.092 241.257C351.93 279.58 312.179 319.362 273.1 358.794c-5.577-45.001-11.358-90.043-17.1-135.082 45.002 5.747 90.043 11.711 135.092 17.545z"
/>
<path
fill="url(#l)"
d="M108.543 157.5a4152.167 4152.167 0 0 0 0 197c.2 8.275 7.2 15.26 15.597 15.557a3810.369 3810.369 0 0 0 116.645 2.25c12.595.052 24.013-5.139 32.314-13.513 8.297-8.378 13.49-19.941 13.533-32.655.063-18.772.1-37.544.112-56.316.006-8.482 6.888-15.359 15.379-15.357 18.792.003 37.583.008 56.375.014 12.729.003 24.275-5.088 32.592-13.224 8.317-8.142 13.414-19.343 13.273-31.757a4155.55 4155.55 0 0 0-.908-52C353.83 135.858 304.533 114.038 256 93.538c-48.533 20.499-97.83 42.32-147.457 63.962z"
/>
<path
fill="url(#m)"
d="M373.862 244.393c-12.78-.951-75.579-13.543-75.573-13.545-20.61-3.672-37.786 14.396-35.204 35.174.013.001 7.308 62.78 8.203 75.543.626 8.681-2.039 16.854-6.425 23.825a46.4 46.4 0 0 0 8.237-6.596c8.297-8.378 13.49-19.941 13.533-32.655.063-18.772.1-37.544.112-56.316.006-8.482 6.888-15.359 15.379-15.357 18.792.003 37.583.008 56.375.014 12.475.001 23.806-4.898 32.082-12.749-5.189 2.053-10.829 3.112-16.719 2.662z"
/>
<path
fill="url(#n)"
d="M108.543 157.5a4152.167 4152.167 0 0 0 0 197c.2 8.275 7.2 15.26 15.597 15.557a3810.369 3810.369 0 0 0 116.645 2.25c12.595.052 24.013-5.139 32.314-13.513 8.297-8.378 13.49-19.941 13.533-32.655.063-18.772.1-37.544.112-56.316.006-8.482 6.888-15.359 15.379-15.357 18.792.003 37.583.008 56.375.014 12.729.003 24.275-5.088 32.592-13.224 8.317-8.142 13.414-19.343 13.273-31.757a4155.55 4155.55 0 0 0-.908-52C353.83 135.858 304.533 114.038 256 93.538c-48.533 20.499-97.83 42.32-147.457 63.962z"
/>
<path
fill="url(#o)"
d="M386 81.649a2425.204 2425.204 0 0 0-260 0c-8.277.449-15.277 7.576-15.6 15.851-.763 20-1.382 40-1.857 60a4416.587 4416.587 0 0 1 294.913 0c-.475-20-1.093-40-1.857-60-.322-8.275-7.322-15.401-15.599-15.851z"
/>
</svg>
More icons in the same style and category