Add icons to this collection by clicking the heart icon.
Note icon - also known as document, paper, edit, note, ui, and notepad. 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 48 48"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fc6565" stop-opacity=".9" />
<stop offset=".302" stop-color="#b66693" stop-opacity=".9" />
<stop offset=".634" stop-color="#7066c1" stop-opacity=".9" />
<stop offset=".874" stop-color="#4467de" stop-opacity=".9" />
<stop offset=".995" stop-color="#3367e9" stop-opacity=".9" />
</linearGradient>
<linearGradient
id="b"
x1="43.755"
x2="7.88"
y1="-12.223"
y2="55.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="41.731"
x2="5.856"
y1="-13.301"
y2="54.075"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="44.635"
x2="8.76"
y1="-11.754"
y2="55.621"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="47.539"
x2="11.664"
y1="-10.208"
y2="57.167"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M39 7.4c0-3-2.5-5.4-5.5-5.4-2.9 0-5.2 2.2-5.5 5-.3-2.8-2.6-5-5.5-5S17.3 4.2 17 7c-.3-2.8-2.6-5-5.5-5C8.5 2 6 4.5 6 7.5c0 .6.1 1.2.3 1.8-1.1 1.2-1.8 2.9-1.8 4.6v25.2c0 3.8 3.1 6.9 6.9 6.9h25.2c3.8 0 6.9-3.1 6.9-6.9V13.9c0-2.9-1.9-5.5-4.5-6.5zM33.5 4c1.8 0 3.2 1.3 3.5 3h-6.9c.2-1.7 1.6-3 3.4-3zm-11 0c1.8 0 3.2 1.3 3.4 3H19c.3-1.7 1.7-3 3.5-3zm-11 0c1.8 0 3.2 1.3 3.4 3h-3.5c-1.2 0-2.4.3-3.4.9v-.4C8 5.6 9.6 4 11.5 4zm30 35.1c0 2.7-2.2 4.9-4.9 4.9H11.4c-2.7 0-4.9-2.2-4.9-4.9V13.9c0-1 .3-2 .9-2.8 1 1.1 2.5 1.9 4.1 1.9.6 0 1-.4 1-1s-.4-1-1-1c-1.1 0-2-.5-2.7-1.3.8-.4 1.7-.7 2.6-.7h5.8c.7 2.3 2.8 4 5.3 4 .6 0 1-.4 1-1s-.4-1-1-1c-1.4 0-2.6-.8-3.1-2h8.9c.7 2.3 2.8 4 5.3 4 .6 0 1-.4 1-1s-.4-1-1-1c-1.4 0-2.6-.8-3.1-2h6.2c2.7 0 4.9 2.2 4.9 4.9v25.2z"
/>
<path
fill="url(#c)"
d="M37 19H11c-.6 0-1 .4-1 1s.4 1 1 1h26c.6 0 1-.4 1-1s-.4-1-1-1z"
/>
<path
fill="url(#d)"
d="M37 26H11c-.6 0-1 .4-1 1s.4 1 1 1h26c.6 0 1-.4 1-1s-.4-1-1-1z"
/>
<path
fill="url(#e)"
d="M37 33H11c-.6 0-1 .4-1 1s.4 1 1 1h26c.6 0 1-.4 1-1s-.4-1-1-1z"
/>
</svg>
More icons in the same style and category