Add icons to this collection by clicking the heart icon.
Note icon - also known as education, sheet, paper, note, and pushpin. Created in a clean gradient style with a white, navy, 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 502 502"
>
<linearGradient
id="a"
x1="28.014"
x2="524.589"
y1="296.639"
y2="296.639"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdd943" />
<stop offset="1" stop-color="#fdedac" />
</linearGradient>
<linearGradient
id="b"
x1="374.528"
x2="374.528"
y1="491.856"
y2="349.772"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc200" />
<stop offset="1" stop-color="#ffe194" />
</linearGradient>
<linearGradient
id="c"
x1="225.193"
x2="282.664"
y1="188.838"
y2="188.838"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#495560" />
<stop offset="1" stop-color="#5b778e" />
</linearGradient>
<linearGradient
id="d"
x1="251"
x2="251"
y1="113.387"
y2="190.171"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c6f" />
<stop offset="1" stop-color="#ff8291" />
</linearGradient>
<linearGradient
id="e"
x1="146.244"
x2="336.482"
y1="66.256"
y2="66.256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7081" />
<stop offset="1" stop-color="#ffa0ab" />
</linearGradient>
<path
fill="url(#a)"
d="M292.694 502H91.379c-25.261 0-45.74-20.478-45.74-45.74V137.018c0-25.261 20.478-45.74 45.74-45.74h319.242c25.261 0 45.74 20.478 45.74 45.74v201.316c0 90.39-73.276 163.666-163.667 163.666z"
/>
<path
fill="url(#b)"
d="M456.361 338.334c0 30.13-24.425 54.555-54.555 54.555h-8.816c-25.261 0-45.74 20.478-45.74 45.74v8.816c0 30.13-24.425 54.556-54.555 54.556 90.39-.001 163.666-73.277 163.666-163.667z"
/>
<path
fill="url(#c)"
d="M274.767 165.071h-47.535v23.768c0 13.126 10.641 23.767 23.767 23.767s23.767-10.641 23.767-23.767v-23.768z"
/>
<path
fill="url(#d)"
d="M299.78 140.058c0 26.94-21.84 48.78-48.78 48.78s-48.78-21.84-48.78-48.78V85.762c0-26.94 21.84-48.78 48.78-48.78s48.78 21.84 48.78 48.78z"
/>
<circle cx="251" cy="66.256" r="66.256" fill="url(#e)" />
<ellipse cx="163.115" cy="307.743" fill="#fdaece" rx="14.936" ry="12.003" />
<ellipse cx="338.886" cy="307.743" fill="#fdaece" rx="14.936" ry="12.003" />
<circle cx="188.721" cy="278.125" r="29.618" fill="#fff" />
<circle
cx="176.756"
cy="278.125"
r="17.652"
fill="#383842"
transform="rotate(-45 176.718 278.179)"
/>
<circle cx="313.279" cy="278.125" r="29.618" fill="#fff" />
<g fill="#383842">
<circle
cx="301.313"
cy="278.125"
r="17.652"
transform="rotate(-45 301.286 278.202)"
/>
<path
d="M258.59 285.319h-15.18a6.777 6.777 0 0 0-6.506 4.862c-2.672 9.09-5.742 27.748 14.097 27.748s16.769-18.659 14.097-27.748a6.781 6.781 0 0 0-6.508-4.862z"
/>
</g>
<g fill="#ffb500">
<path
d="M329.25 374.836h-156.5c-5.523 0-10-4.478-10-10s4.477-10 10-10h156.5c5.522 0 10 4.478 10 10s-4.478 10-10 10zM296.503 426.57h-91.006c-5.523 0-10-4.478-10-10s4.477-10 10-10h91.006c5.522 0 10 4.478 10 10 0 5.523-4.478 10-10 10zM257.5 211.704c-2.271.646-4.68.962-7.173.893-12.954-.359-23.094-11.355-23.094-24.315v-5.627c-14.92-8.343-25.012-24.287-25.012-42.596v-28.976a66.32 66.32 0 0 1-12.572-19.804H158.05a95.852 95.852 0 0 0 14.172 30.288v18.492c0 22.458 9.607 43.586 25.864 58.348 4.526 25.1 26.532 44.199 52.915 44.199 5.06 0 9.958-.705 14.602-2.02 10.164-2.879 14.021-15.29 7.497-23.599-3.691-4.701-9.851-6.918-15.6-5.283z"
/>
</g>
</svg>
More icons in the same style and category