Add icons to this collection by clicking the heart icon.
Notes icon - also known as write, notebook, notes, note, writing, writing tool, ui, and notepad. 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 512 512"
>
<linearGradient
id="c"
x1="524.168"
x2="103.688"
y1="551.712"
y2="131.232"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2994a" />
<stop offset=".816" stop-color="#f2c04c" />
<stop offset="1" stop-color="#f2c94c" />
</linearGradient>
<linearGradient
id="d"
x1="386.172"
x2="113.369"
y1="247.628"
y2="-25.176"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cc793b" />
<stop offset="1" stop-color="#f1a54d" />
</linearGradient>
<linearGradient
id="a"
x1="257.008"
x2="257.008"
y1="233.12"
y2="181.28"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f1a54d" />
<stop offset="1" stop-color="#cc793b" />
</linearGradient>
<linearGradient
id="e"
x1="233.729"
x2="233.729"
y1="306.56"
y2="258.059"
href="#a"
/>
<linearGradient
id="f"
x1="233.729"
x2="233.729"
y1="383.56"
y2="335.059"
href="#a"
/>
<linearGradient
id="b"
x1="324.84"
x2="354.38"
y1="80"
y2="80"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3b3b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient id="g" x1="267.444" x2="296.984" href="#b" />
<linearGradient id="h" x1="211.444" x2="240.984" href="#b" />
<linearGradient id="i" x1="154.444" x2="183.984" href="#b" />
<path
fill="url(#c)"
d="M371.46 458H140.54A30.574 30.574 0 0 1 110 427.46V127h292v300.46A30.574 30.574 0 0 1 371.46 458z"
/>
<path
fill="url(#d)"
d="M402 147H110v-46.46A30.574 30.574 0 0 1 140.54 70h230.92A30.574 30.574 0 0 1 402 100.54z"
/>
<path
fill="url(#a)"
d="M342.672 216H171.344a10 10 0 0 1 0-20h171.328a10 10 0 0 1 0 20z"
/>
<path
fill="url(#e)"
d="M296.115 293H171.344a10 10 0 0 1 0-20h124.771a10 10 0 0 1 0 20z"
/>
<path
fill="url(#f)"
d="M296.115 370H171.344a10 10 0 0 1 0-20h124.771a10 10 0 0 1 0 20z"
/>
<path
fill="url(#b)"
d="M341.4 106a10 10 0 0 1-10-10V64a10 10 0 0 1 20 0v32a10 10 0 0 1-10 10z"
/>
<path
fill="url(#g)"
d="M284 106a10 10 0 0 1-10-10V64a10 10 0 0 1 20 0v32a10 10 0 0 1-10 10z"
/>
<path
fill="url(#h)"
d="M228 106a10 10 0 0 1-10-10V64a10 10 0 0 1 20 0v32a10 10 0 0 1-10 10z"
/>
<path
fill="url(#i)"
d="M171 106a10 10 0 0 1-10-10V64a10 10 0 0 1 20 0v32a10 10 0 0 1-10 10z"
/>
</svg>
More icons in the same style and category