Add icons to this collection by clicking the heart icon.
Note icon - also known as education, file, document, paper, note, and pushpin. Created in a clean color style with a white 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 510 510"
>
<linearGradient
id="d"
x1="94.833"
x2="461.764"
y1="136.227"
y2="503.158"
gradientTransform="rotate(-13.59 251.782 -1.669)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d9b1ee" />
<stop offset="1" stop-color="#814aa0" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#5b3374" stop-opacity="0" />
<stop offset="1" stop-color="#5b3374" />
</linearGradient>
<linearGradient
id="e"
x1="475.886"
x2="427.787"
y1="263.011"
y2="263.011"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="223.91"
x2="223.91"
y1="37.88"
y2="100.191"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="197.091"
x2="197.091"
y1="381.553"
y2="482.398"
gradientTransform="rotate(-13.59 251.782 -1.669)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fd0" />
<stop offset="1" stop-color="#ffb000" />
</linearGradient>
<linearGradient
id="h"
x1="27.505"
x2="422.661"
y1="99.916"
y2="495.071"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="i"
x1="282.233"
x2="141.741"
y1="192.434"
y2="51.943"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="209.066"
x2="233.485"
y1="119.267"
y2="143.686"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe93bb" />
<stop offset="1" stop-color="#fd3581" />
</linearGradient>
<linearGradient
id="k"
x1="223.867"
x2="223.867"
y1="441.81"
y2="561.128"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="348.814"
x2="415.945"
y1="421.391"
y2="488.522"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#d)"
d="m473.928 406.343-339.976 82.086c-18.065 4.362-36.246-6.747-40.608-24.812L11.259 123.641c-4.362-18.065 6.747-36.246 24.812-40.608L376.047.948c18.065-4.362 36.246 6.747 40.608 24.812l82.086 339.976c4.361 18.065-6.747 36.246-24.813 40.607z"
/>
<path
fill="url(#e)"
d="m406.947 422.516 66.982-16.172c18.065-4.362 29.174-22.542 24.812-40.608l-63.315-262.23h-28.479z"
/>
<path
fill="url(#f)"
d="M435.906 105.494 416.655 25.76C412.293 7.695 394.113-3.414 376.047.948L36.072 83.033c-11.84 2.859-20.69 11.653-24.157 22.461z"
/>
<path
fill="url(#g)"
d="m52.302 293.629 41.043 169.988c4.362 18.065 22.542 29.174 40.608 24.812l339.976-82.086c18.065-4.362 29.174-22.543 24.812-40.608l-41.043-169.988z"
/>
<path
fill="url(#h)"
d="M322.861 510H38.698c-15.677 0-28.386-12.709-28.386-28.387l.25-370.421c0-15.677 12.709-28.387 28.386-28.387h370.338c15.677 0 28.387 12.709 28.387 28.387l-.25 284.246c0 63.271-51.291 114.562-114.562 114.562z"
/>
<path
fill="url(#i)"
d="m240.894 117.292-33.804 33.804 104.118 104.118c16.112-4.977 28.826-17.692 33.804-33.804z"
/>
<circle cx="223.992" cy="134.194" r="23.903" fill="url(#j)" />
<path
fill="url(#k)"
d="M10.312 301.974v179.639c0 15.677 12.709 28.386 28.386 28.386h284.163c63.271 0 114.562-51.291 114.562-114.562v-93.464H10.312z"
/>
<path
fill="url(#l)"
d="M322.861 510v-86.175c0-15.677 12.709-28.387 28.387-28.387h86.175c0 63.271-51.291 114.562-114.562 114.562z"
/>
<g fill="#fff">
<path
d="M370.182 260.77H206.193c-5.865 0-10.619 4.754-10.619 10.619s4.754 10.619 10.619 10.619h163.989c5.865 0 10.619-4.754 10.619-10.619s-4.754-10.619-10.619-10.619zM77.803 282.008h48.14c5.865 0 10.619-4.754 10.619-10.619s-4.754-10.619-10.619-10.619h-48.14c-5.865 0-10.619 4.754-10.619 10.619s4.754 10.619 10.619 10.619zM152.136 271.389c0 5.865 4.754 10.619 10.619 10.619h12.035c5.865 0 10.619-4.754 10.619-10.619s-4.754-10.619-10.619-10.619h-12.035c-5.864 0-10.619 4.754-10.619 10.619zM241.792 310.798H77.803c-5.865 0-10.619 4.754-10.619 10.619s4.754 10.619 10.619 10.619h163.989c5.865 0 10.619-4.755 10.619-10.619 0-5.865-4.754-10.619-10.619-10.619zM370.182 310.798h-48.14c-5.865 0-10.619 4.754-10.619 10.619s4.754 10.619 10.619 10.619h48.14c5.865 0 10.619-4.755 10.619-10.619 0-5.865-4.754-10.619-10.619-10.619zM285.229 310.798h-12.035c-5.865 0-10.619 4.754-10.619 10.619s4.754 10.619 10.619 10.619h12.035c5.865 0 10.619-4.755 10.619-10.619 0-5.865-4.754-10.619-10.619-10.619z"
/>
</g>
</svg>
More icons in the same style and category