Add icons to this collection by clicking the heart icon.
Notes icon - also known as notes, pin, note, push pin, office material, and files and folders. 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 64 64"
>
<linearGradient
id="a"
x1="11"
x2="11"
y1=".449"
y2="62.272"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient id="b" x1="32" x2="32" y1=".449" y2="62.272" href="#a" />
<linearGradient
id="c"
x1="46.146"
x2="46.146"
y1=".449"
y2="62.272"
href="#a"
/>
<path
fill="url(#a)"
d="M11 30a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path fill="url(#b)" d="M16 32h32v2H16z" />
<path
fill="url(#a)"
d="M11 40a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path fill="url(#b)" d="M16 42h32v2H16z" />
<path
fill="url(#a)"
d="M11 50a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path fill="url(#b)" d="M16 52h32v2H16z" />
<path
fill="url(#b)"
d="M61 2H11a1 1 0 0 0-1 1v3H7a1 1 0 0 0-1 1v11.586l-3.707 3.707a1 1 0 0 0-.284.707H2v38a1 1 0 0 0 1 1h50a1 1 0 0 0 1-1v-5h3a1 1 0 0 0 1-1v-3h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM14 13.414V22H5.414zM60 50h-2V22h-2v32h-2V25h-2v35H4V24h11a1 1 0 0 0 1-1V12h23v-2H15v.009a.991.991 0 0 0-.707.284L8 16.586V8h34V6H12V4h48z"
/>
<path
fill="url(#c)"
d="M37.929 14.757a1 1 0 0 0 0 1.414l4.243 4.243-7.778 7.778 1.414 1.414 7.778-7.778 4.243 4.243a1 1 0 0 0 1.414 0l2.828-2.828a3 3 0 0 0 0-4.243l4.95-4.95a3 3 0 0 0 0-4.242l-2.829-2.829a3 3 0 0 0-4.242 0L45 11.929a3 3 0 0 0-4.243 0zm5.657-1.414.707.707a1 1 0 0 0 1.414 0l5.657-5.656a1 1 0 0 1 1.414 0l2.828 2.828a1 1 0 0 1 0 1.414l-5.656 5.657a1 1 0 0 0 0 1.414l.707.707a1 1 0 0 1 0 1.415l-2.121 2.121-8.486-8.486 2.121-2.121a1 1 0 0 1 1.415 0z"
/>
</svg>
More icons in the same style and category