Add icons to this collection by clicking the heart icon.
Note icon - also known as education, study, write, notebook, notes, pencil, note, planning, organization, lecture, and ui. Created in a clean flat 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="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 51 -51 0 92 329)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8f4f0" />
<stop offset="1" stop-color="#dedbd7" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff3d65" />
<stop offset="1" stop-color="#e6375a" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 8 -8 0 92 328)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -108.621 227.207) scale(32.172)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feb62c" />
<stop offset="1" stop-color="#e6a327" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 6 -6 0 92 366)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd9a9" />
<stop offset="1" stop-color="#e6c297" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 11 -11 0 119 340)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#dedbd7" />
<stop offset="1" stop-color="#b8b5b2" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 240 74)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 237 74)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 232 74)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 10 -10 0 92 323)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#c)"
d="M116 333a4 4 0 0 0-4-4H72a4 4 0 0 0-4 4v43a4 4 0 0 0 4 4h40a4 4 0 0 0 4-4v-43z"
transform="translate(-64 -320)"
/>
<path
fill="url(#d)"
d="M116 332a4 4 0 0 0-4-4H72a4 4 0 0 0-4 4v4h48z"
transform="translate(-64 -319)"
/>
<path
fill="url(#e)"
d="M93.2 368c-.318 0-.623-.126-.849-.351A1.203 1.203 0 0 1 92 366.8v-3.972a2 2 0 0 1 .586-1.414l25-25a2 2 0 0 1 2.828 0l3.172 3.172a2 2 0 0 1 0 2.828l-25 25a2 2 0 0 1-1.414.586H93.2z"
transform="translate(-64 -316)"
/>
<path
fill="url(#f)"
d="m92.127 366.127 5.746 5.746c-.222.083-.46.127-.701.127H93.2c-.318 0-.623-.126-.849-.351A1.203 1.203 0 0 1 92 370.8v-3.972c0-.241.044-.479.127-.701z"
transform="translate(-64 -320)"
/>
<path
fill="url(#g)"
d="m113 345 4.586-4.586a2 2 0 0 1 2.828 0l3.172 3.172a2 2 0 0 1 0 2.828L119 351z"
transform="translate(-64 -320)"
/>
<path
fill="url(#h)"
d="M254 76a2 2 0 0 0-2-2h-24a2 2 0 0 0 0 4h24a2 2 0 0 0 2-2z"
transform="translate(-214 -50)"
/>
<path
fill="url(#i)"
d="M246 75.998A1.999 1.999 0 0 0 244.002 74h-16.004A1.999 1.999 0 0 0 226 75.998V76a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-.002z"
transform="translate(-214 -42)"
/>
<path
fill="url(#j)"
d="M238 76a2 2 0 0 0-2-2h-8a2 2 0 1 0 0 4h8a2 2 0 0 0 2-2z"
transform="translate(-214 -34)"
/>
<path
fill="url(#k)"
d="M97 328v-2c0-.796-.316-1.559-.879-2.121A2.996 2.996 0 0 0 94 323h-4c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 87 326v4c0 .796.316 1.559.879 2.121A2.996 2.996 0 0 0 90 333h2a1 1 0 0 0 0-2h-2a.997.997 0 0 1-1-1v-4a.997.997 0 0 1 1-1h4a.997.997 0 0 1 1 1v2z"
transform="translate(-64 -319)"
/>
<path
fill="url(#k)"
d="M97 328v-2c0-.796-.316-1.559-.879-2.121A2.996 2.996 0 0 0 94 323h-4c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 87 326v4c0 .796.316 1.559.879 2.121A2.996 2.996 0 0 0 90 333h2a1 1 0 0 0 0-2h-2a.997.997 0 0 1-1-1v-4a.997.997 0 0 1 1-1h4a.997.997 0 0 1 1 1v2z"
transform="translate(-52 -319)"
/>
<path
fill="url(#k)"
d="M97 328v-2c0-.796-.316-1.559-.879-2.121A2.996 2.996 0 0 0 94 323h-4c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 87 326v4c0 .796.316 1.559.879 2.121A2.996 2.996 0 0 0 90 333h2a1 1 0 0 0 0-2h-2a.997.997 0 0 1-1-1v-4a.997.997 0 0 1 1-1h4a.997.997 0 0 1 1 1v2z"
transform="translate(-76 -319)"
/>
</g>
</svg>
More icons in the same style and category