Add icons to this collection by clicking the heart icon.
Notes icon - also known as education, diary, notebook, school, notes, pencil, pen, learn, journal, and back to school. 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 64 64"
>
<linearGradient id="a">
<stop offset=".016" stop-color="#ff5023" />
<stop offset="1" stop-color="#ff7956" />
</linearGradient>
<linearGradient
id="d"
x1="59"
x2="59"
y1="56"
y2="8"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="26"
x2="26"
y1="62"
y2="2"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9811" />
<stop offset="1" stop-color="#ffb655" />
</linearGradient>
<linearGradient
id="f"
x1="3"
x2="3"
y1="21"
y2="19"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="3"
x2="3"
y1="15"
y2="13"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="3"
x2="3"
y1="9"
y2="7"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="3"
x2="3"
y1="27"
y2="25"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="3"
x2="3"
y1="33"
y2="31"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="3"
x2="3"
y1="39"
y2="37"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="3"
x2="3"
y1="45"
y2="43"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="3"
x2="3"
y1="51"
y2="49"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="3"
x2="3"
y1="57"
y2="55"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#a71159" />
<stop offset="1" stop-color="#c61469" />
</linearGradient>
<linearGradient
id="o"
x1="26.5"
x2="26.5"
y1="13"
y2="11"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="26.5"
x2="26.5"
y1="18"
y2="16"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="26.5"
x2="26.5"
y1="23"
y2="21"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="26.5"
x2="26.5"
y1="28"
y2="26"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="26.5"
x2="26.5"
y1="33"
y2="31"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="26.5"
x2="26.5"
y1="38"
y2="36"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="26.5"
x2="26.5"
y1="43"
y2="41"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="26.5"
x2="26.5"
y1="48"
y2="46"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="26.5"
x2="26.5"
y1="53"
y2="51"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffc477" />
<stop offset="1" stop-color="#ffdaaa" />
</linearGradient>
<linearGradient
id="x"
x1="59"
x2="59"
y1="51.875"
y2="45"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="59"
x2="59"
y1="56"
y2="49"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="z"
x1="59"
x2="59"
y1="14"
y2="8"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M61 8h-4c-1.654 0-3 1.346-3 3v37c0 .174.045.345.132.496l4 7a.999.999 0 0 0 1.736 0l4-7A.993.993 0 0 0 64 48V11c0-1.654-1.346-3-3-3z"
/>
<path
fill="url(#e)"
d="M49 2H3a1 1 0 0 0-1 1v58a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"
/>
<path fill="url(#f)" d="M5 21H1a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#g)" d="M5 15H1a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#h)" d="M5 9H1a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#i)" d="M5 27H1a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#j)" d="M5 33H1a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#k)" d="M5 39H1a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2z" />
<path fill="url(#l)" d="M5 45H1a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2z" />
<path fill="url(#m)" d="M5 51H1a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2z" />
<path fill="url(#n)" d="M5 57H1a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2z" />
<path fill="url(#o)" d="M41 13H12a1 1 0 0 1 0-2h29a1 1 0 0 1 0 2z" />
<path fill="url(#p)" d="M41 18H12a1 1 0 0 1 0-2h29a1 1 0 0 1 0 2z" />
<path fill="url(#q)" d="M41 23H12a1 1 0 0 1 0-2h29a1 1 0 0 1 0 2z" />
<path fill="url(#r)" d="M41 28H12a1 1 0 0 1 0-2h29a1 1 0 0 1 0 2z" />
<path fill="url(#s)" d="M41 33H12a1 1 0 0 1 0-2h29a1 1 0 0 1 0 2z" />
<path fill="url(#t)" d="M41 38H12a1 1 0 1 1 0-2h29a1 1 0 1 1 0 2z" />
<path fill="url(#u)" d="M41 43H12a1 1 0 1 1 0-2h29a1 1 0 1 1 0 2z" />
<path fill="url(#v)" d="M41 48H12a1 1 0 1 1 0-2h29a1 1 0 1 1 0 2z" />
<path fill="url(#w)" d="M41 53H12a1 1 0 1 1 0-2h29a1 1 0 1 1 0 2z" />
<path
fill="url(#x)"
d="M63.707 47.293C63.473 47.059 61.347 45 59 45s-4.473 2.059-4.707 2.293a.999.999 0 0 0-.161 1.203l1.931 3.379a1 1 0 0 1 .313-1.328l2.069-1.379a.995.995 0 0 1 1.109 0l2.069 1.379a.999.999 0 0 1 .313 1.328l1.931-3.379a.997.997 0 0 0-.16-1.203z"
/>
<path
fill="url(#y)"
d="m61.624 50.547-2.069-1.379a.995.995 0 0 0-1.109 0l-2.069 1.379a.999.999 0 0 0-.313 1.328l2.069 3.621a.999.999 0 0 0 1.735 0l2.069-3.621a1 1 0 0 0-.313-1.328z"
/>
<path
fill="url(#z)"
d="M64 11c0-1.654-1.346-3-3-3h-4c-1.654 0-3 1.346-3 3v3h10z"
/>
</svg>
More icons in the same style and category