Add icons to this collection by clicking the heart icon.
Note icon - also known as education, list, note, travel, vacation, and holiday. 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="b"
x1="33.5"
x2="33.5"
y1="3"
y2="61"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d6d6d6" />
<stop offset="1" stop-color="#a1a1a1" />
</linearGradient>
<linearGradient
id="a"
x1="7"
x2="22"
y1="24"
y2="24"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#002237" />
<stop offset="1" stop-color="#003352" />
</linearGradient>
<linearGradient id="c" y1="37" y2="37" href="#a" />
<linearGradient id="d" y1="50" y2="50" href="#a" />
<linearGradient id="e" y1="11" y2="11" href="#a" />
<linearGradient id="f" x1="34" x2="44" y1="10" y2="10" href="#a" />
<linearGradient id="g" x1="34" x2="44" y1="18" y2="18" href="#a" />
<linearGradient id="h" x1="34" x2="41" y1="14" y2="14" href="#a" />
<linearGradient id="i" x1="34" x2="44" y1="25" y2="25" href="#a" />
<linearGradient id="j" x1="34" x2="44" y1="33" y2="33" href="#a" />
<linearGradient id="k" x1="34" x2="41" y1="29" y2="29" href="#a" />
<linearGradient id="l" x1="29" x2="29" y1="15" y2="9" href="#a" />
<linearGradient id="m" x1="29" x2="29" y1="30" href="#a" />
<linearGradient id="n" x1="29" x2="29" y1="45" y2="39" href="#a" />
<linearGradient id="o" x1="34" x2="44" y1="40" y2="40" href="#a" />
<linearGradient id="p" x1="34" x2="44" y1="48" y2="48" href="#a" />
<linearGradient id="q" x1="34" x2="41" y1="44" y2="44" href="#a" />
<linearGradient
id="r"
x1="48"
x2="48"
y1="61"
y2="51"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#707070" />
<stop offset="1" stop-color="#8e8e8e" />
</linearGradient>
<path
fill="url(#b)"
d="M50 3H17a3 3 0 0 0-3 3v52a3 3 0 0 0 3 3h27a1 1 0 0 0 .71-.29l8-8A1 1 0 0 0 53 52V6a3 3 0 0 0-3-3z"
/>
<path
fill="url(#a)"
d="M20 25a2 2 0 0 0-1.72 1H11.5a2.5 2.5 0 0 1 0-5H14v-2h-2.5a4.5 4.5 0 0 0 0 9h6.78A2 2 0 0 0 20 29a2 2 0 0 0 0-4z"
/>
<path
fill="url(#c)"
d="M20 38a2 2 0 0 0-1.72 1H11.5a2.5 2.5 0 0 1 0-5H14v-2h-2.5a4.5 4.5 0 0 0 0 9h6.78A2 2 0 0 0 20 42a2 2 0 0 0 0-4z"
/>
<path
fill="url(#d)"
d="M20 51a2 2 0 0 0-1.72 1H11.5a2.5 2.5 0 0 1 0-5H14v-2h-2.5a4.5 4.5 0 0 0 0 9h6.78A2 2 0 0 0 20 55a2 2 0 0 0 0-4z"
/>
<path
fill="url(#e)"
d="M11.5 15h6.78A2 2 0 0 0 20 16a2 2 0 0 0 0-4 2 2 0 0 0-1.72 1H11.5a2.5 2.5 0 0 1 0-5H14V6h-2.5a4.5 4.5 0 0 0 0 9z"
/>
<path fill="url(#f)" d="M34 9h10v2H34z" />
<path fill="url(#g)" d="M34 17h10v2H34z" />
<path fill="url(#h)" d="M34 13h7v2h-7z" />
<path fill="url(#i)" d="M34 24h10v2H34z" />
<path fill="url(#j)" d="M34 32h10v2H34z" />
<path fill="url(#k)" d="M34 28h7v2h-7z" />
<rect width="6" height="6" x="26" y="9" fill="url(#l)" rx="1" />
<rect width="6" height="6" x="26" y="24" fill="url(#m)" rx="1" />
<rect width="6" height="6" x="26" y="39" fill="url(#n)" rx="1" />
<path fill="url(#o)" d="M34 39h10v2H34z" />
<path fill="url(#p)" d="M34 47h10v2H34z" />
<path fill="url(#q)" d="M34 43h7v2h-7z" />
<path
fill="url(#r)"
d="M52 51h-8a1 1 0 0 0-1 1v8a1 1 0 0 0 1.71.71l8-8A1 1 0 0 0 52 51z"
/>
</svg>
More icons in the same style and category