Add icons to this collection by clicking the heart icon.
Notes icon - also known as interface, notebook, notes, note, writing, Tools and utensils, writing tool, notepad, and shapes and symbols. Created in a clean 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="a">
<stop offset="0" stop-color="#0098c8" />
<stop offset="1" stop-color="#00c5d4" />
</linearGradient>
<linearGradient
id="b"
x1="506.431"
x2="124.518"
y1="37.948"
y2="529.426"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="462.502"
x2="80.589"
y1="3.811"
y2="495.29"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="478.059"
x2="96.146"
y1="15.901"
y2="507.379"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="389.568"
x2="7.655"
y1="-52.863"
y2="438.615"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="453.437"
x2="71.524"
y1="-3.232"
y2="488.246"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="566.55"
x2="184.637"
y1="84.664"
y2="576.143"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="502.681"
x2="120.768"
y1="35.034"
y2="526.512"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M408.4 141.3h20V161h-20z" />
<path
fill="url(#c)"
d="M352.2 37.1v20H366c-3.1 4.3-8.2 7.1-13.9 7.1-9.4 0-17.1-7.7-17.1-17.1S342.8 30 352.2 30V10c-17 0-31.4 11.5-35.7 27.1H256v20h13.9c-3.1 4.3-8.2 7.1-13.9 7.1-9.4 0-17.1-7.7-17.1-17.1S246.6 30 256 30V10c-17 0-31.4 11.5-35.7 27.1h-60.4v20h13.9c-3.1 4.3-8.2 7.1-13.9 7.1-9.4 0-17.1-7.7-17.1-17.1s7.6-17.1 17-17.1V10c-17 0-31.4 11.5-35.7 27.1H83.6V502h344.9V181h-20v301H103.6V57.1h20.5c4.4 15.6 18.7 27.1 35.7 27.1s31.4-11.5 35.7-27.1h24.7c4.4 15.6 18.7 27.1 35.7 27.1s31.4-11.5 35.7-27.1h24.7c4.4 15.6 18.7 27.1 35.7 27.1s31.4-11.5 35.7-27.1h20.5v44.2H123.6v20h304.9V37.1z"
/>
<path
fill="url(#d)"
d="M123.6 462h264.9V141.3H123.6zm20-300.7h224.9V442H143.6z"
/>
<path fill="url(#e)" d="M163.6 215.1h20v20h-20z" />
<path fill="url(#f)" d="M203.6 215.1h144.9v20H203.6z" />
<path fill="url(#d)" d="M163.6 291.7h184.9v20H163.6z" />
<path fill="url(#g)" d="M328.4 368.2h20v20h-20z" />
<path fill="url(#h)" d="M163.6 368.2h144.9v20H163.6z" />
</svg>
More icons in the same style and category