Add icons to this collection by clicking the heart icon.
Note icon - also known as document, paper, edit, note, contract, and ui. 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 100 100"
>
<linearGradient
id="a"
x1="-9.702"
x2="85.284"
y1="87.569"
y2="-6.741"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00ffed" />
<stop offset="1" stop-color="#00b8ba" />
</linearGradient>
<linearGradient
id="b"
x1="1.088"
x2="96.074"
y1="98.5"
y2="4.19"
href="#a"
/>
<linearGradient
id="c"
x1="11.942"
x2="106.928"
y1="109.369"
y2="15.059"
href="#a"
/>
<linearGradient
id="d"
x1="1.152"
x2="96.138"
y1="98.501"
y2="4.191"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M25.681 35.71h48.425a2 2 0 0 0 2-2V23.084a2 2 0 0 0-2-2H25.681a2 2 0 0 0-2 2V33.71a2 2 0 0 0 2 2zm2-10.626h44.425v6.626H27.681z"
/>
<path
fill="url(#b)"
d="M25.681 57.355h48.425a2 2 0 0 0 2-2V44.729a2 2 0 0 0-2-2H25.681a2 2 0 0 0-2 2v10.626a2 2 0 0 0 2 2zm2-10.626h44.425v6.626H27.681z"
/>
<path
fill="url(#c)"
d="M25.681 79h48.425a2 2 0 0 0 2-2V66.375a2 2 0 0 0-2-2H25.681a2 2 0 0 0-2 2V77a2 2 0 0 0 2 2zm2-10.625h44.425V75H27.681z"
/>
<path
fill="url(#d)"
d="M90 8H10a2 2 0 0 0-2 2v80a2 2 0 0 0 2 2h80a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2zm-2 80H12V12h76z"
/>
</g>
</svg>
More icons in the same style and category