Add icons to this collection by clicking the heart icon.
Notes icon - also known as education, notes, pencil, writing, ios, and ios14. Created in a clean color 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#eef4ff" />
<stop offset="1" stop-color="#cfe7fd" />
</linearGradient>
<linearGradient
id="e"
x1="-20.485"
x2="462.73"
y1="18.75"
y2="501.964"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#8aaadc" stop-opacity="0" />
<stop offset="1" stop-color="#8aaadc" />
</linearGradient>
<linearGradient
id="f"
x1="425.601"
x2="346.351"
y1="335.909"
y2="256.659"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="213.101"
x2="213.101"
y1="187.51"
y2="124.439"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#5a5a5a" />
<stop offset="1" stop-color="#464646" />
</linearGradient>
<linearGradient
id="h"
x1="52.266"
x2="356.106"
y1="195.713"
y2="195.713"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="52.266"
x2="356.106"
y1="241.645"
y2="241.645"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="52.266"
x2="218.375"
y1="287.578"
y2="287.578"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="213.101"
x2="213.101"
y1="372.299"
y2="498.329"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="252.26"
x2="252.26"
y1="388.578"
y2="485.83"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="252.26"
x2="252.26"
y1="434.51"
y2="503.626"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#f7e07d" />
<stop offset="1" stop-color="#e69642" />
</linearGradient>
<linearGradient
id="n"
x1="213.101"
x2="213.101"
y1="32.51"
y2="134.51"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="5279.674"
x2="5300.546"
y1="-2070.043"
y2="-2070.043"
gradientTransform="rotate(45 253.78 -6793.71)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="482.417"
x2="456.916"
y1="136.352"
y2="110.852"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d52c1c" stop-opacity="0" />
<stop offset=".28" stop-color="#d12c1e" stop-opacity=".28" />
<stop offset=".574" stop-color="#c42c23" stop-opacity=".574" />
<stop offset=".872" stop-color="#af2b2c" stop-opacity=".872" />
<stop offset="1" stop-color="#a42b31" />
</linearGradient>
<linearGradient
id="q"
x1="5251.412"
x2="5314.548"
y1="-1899.643"
y2="-1899.643"
gradientTransform="rotate(45 253.78 -6793.71)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="5251.412"
x2="5314.548"
y1="-1787.322"
y2="-1787.322"
gradientTransform="rotate(45 253.78 -6793.71)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="5251.412"
x2="5314.548"
y1="-8401.17"
y2="-8401.17"
gradientTransform="rotate(45 31394.98 6098.747) scale(1 -2.838)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dc4955" />
<stop offset="1" stop-color="#c4237c" />
</linearGradient>
<linearGradient
id="t"
x1="457.44"
x2="425.969"
y1="102.114"
y2="102.114"
gradientTransform="rotate(45 350.123 136.18)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8a1958" stop-opacity="0" />
<stop offset="1" stop-color="#8a1958" />
</linearGradient>
<linearGradient
id="u"
x1="414.741"
x2="427.78"
y1="140.424"
y2="153.463"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#e)"
d="M355.796 488.51H26.106C11.688 488.51 0 476.822 0 462.404V38.498C0 29.105 7.615 21.49 17.008 21.49h392.186c9.393 0 17.008 7.615 17.008 17.008v379.606c0 38.884-31.522 70.406-70.406 70.406z"
/>
<path
fill="url(#f)"
d="M426.202 146.308 236 336.51l146.675 146.675c25.547-10.563 43.527-35.718 43.527-65.081z"
/>
<path fill="url(#g)" d="M0 75.51h426.202v121H0z" />
<path
fill="url(#h)"
d="M349.73 206.434H58.641a6.375 6.375 0 0 1-6.375-6.375v-8.693a6.375 6.375 0 0 1 6.375-6.375h291.09a6.375 6.375 0 0 1 6.375 6.375v8.693a6.376 6.376 0 0 1-6.376 6.375z"
/>
<path
fill="url(#i)"
d="M349.73 252.367H58.641a6.375 6.375 0 0 1-6.375-6.375v-8.693a6.375 6.375 0 0 1 6.375-6.375h291.09a6.375 6.375 0 0 1 6.375 6.375v8.693a6.376 6.376 0 0 1-6.376 6.375z"
/>
<path
fill="url(#j)"
d="M212 298.3H58.641a6.375 6.375 0 0 1-6.375-6.375v-8.693a6.375 6.375 0 0 1 6.375-6.375H212a6.375 6.375 0 0 1 6.375 6.375v8.693A6.375 6.375 0 0 1 212 298.3z"
/>
<path
fill="url(#k)"
d="M0 367.211v95.193c0 14.418 11.688 26.106 26.106 26.106h329.69c38.884 0 70.406-31.522 70.406-70.406v-50.893z"
/>
<path
fill="url(#l)"
d="M52.211 405.586v56.818c0 14.418-11.688 26.106-26.106 26.106h381.902c38.884 0 70.406-31.522 70.406-70.406v-12.518c0-9.393-7.615-17.008-17.008-17.008H69.22c-9.394 0-17.009 7.615-17.009 17.008z"
/>
<path
fill="url(#m)"
d="M52.211 405.586v56.818c0 14.418-11.688 26.106-26.106 26.106h381.902c38.884 0 70.406-31.522 70.406-70.406v-12.518c0-9.393-7.615-17.008-17.008-17.008H69.22c-9.394 0-17.009 7.615-17.009 17.008z"
/>
<path
fill="url(#n)"
d="M409.194 21.49H17.008C7.615 21.49 0 29.105 0 38.498v89.012h426.202V38.498c0-9.393-7.615-17.008-17.008-17.008z"
/>
<path
fill="url(#o)"
d="m504.871 71.15-3.535-3.535c-6.838-6.838-17.925-6.838-24.764 0L423.9 120.287l28.298 28.298 52.672-52.672c6.84-6.838 6.84-17.925.001-24.763z"
/>
<path
fill="url(#p)"
d="m438.05 134.436 14.149 14.149 42.45-42.45L480.5 91.986z"
/>
<path
fill="url(#q)"
d="m258.966 335.249-12.3 3.426c-9.054 2.521-15.376-3.801-12.854-12.854l3.426-12.3c5.732-20.581 17.917-40.833 34.615-57.531l6.276-6.276L436.39 99.452c5.28-5.28 12.652-6.47 16.464-2.658l21.838 22.838c3.812 3.812 2.622 11.184-2.658 16.464L322.769 294.361l-6.273 6.273c-16.698 16.698-36.949 28.883-57.53 34.615z"
/>
<path
fill="url(#r)"
d="m258.966 335.249-12.3 3.426c-9.054 2.521-15.376-3.801-12.854-12.854l3.426-12.3c5.732-20.581 17.917-40.833 34.615-57.531l6.253-6.253 25.245 15.245 19.399 29.399-6.253 6.253c-16.699 16.698-36.95 28.883-57.531 34.615z"
/>
<path
fill="url(#s)"
d="m482.471 118.411-28.396-28.396c-4.487-4.487-11.761-4.487-16.248 0L278.106 249.736l44.644 44.644 159.721-159.721c4.487-4.486 4.487-11.761 0-16.248z"
/>
<path
fill="url(#t)"
d="m483.692 119.632-15.419-15.419-101.97 101.97 22.322 22.322 92.409-92.409c5.28-5.28 6.47-12.651 2.658-16.464z"
/>
<path
fill="url(#u)"
d="m462.815 91.986-96.512 96.512c-4.884 4.884-4.884 12.802 0 17.685 4.884 4.884 12.802 4.884 17.685 0l96.512-96.512c4.884-4.884 4.884-12.802 0-17.685-4.883-4.884-12.802-4.884-17.685 0z"
/>
</svg>
More icons in the same style and category