Add icons to this collection by clicking the heart icon.
Notes icon - also known as interface, business, notebook, notes, office, note, writing, memo, notepad, company, 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">
<stop offset="0" stop-color="#0f595a" />
<stop offset="1" stop-color="#da663d" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="64"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(54.857 0 0 64 2.426 31)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(54.857 0 0 64 1.569 23)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(54.857 0 0 64 .677 19)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(54.857 0 0 64 -.21 15)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(96 0 0 64 -25.004 27)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M12.003 150h-3a1 1 0 0 0-1 .993c-.004.528 0 40.007 0 40.007a1 1 0 0 0 1 1h40a1 1 0 0 0 1-1v-3h8a1 1 0 0 0 .846-1.533c-5.325-8.458-8.688-19.678-8.846-35.477a1 1 0 0 0-1-.99h-3v-1.058A2.94 2.94 0 0 0 43.061 146h-.117a2.941 2.941 0 0 0-2.941 2.942V150h-22v-1.061A2.938 2.938 0 0 0 15.064 146h-.123a2.942 2.942 0 0 0-2.938 2.939zm-2 20.887V190h38v-2h-30a1 1 0 0 1-.819-.426c-3.294-4.697-5.671-10.276-7.181-16.687zm36-18.887v1.058A2.94 2.94 0 0 1 43.061 156h-.117a2.941 2.941 0 0 1-2.941-2.942V152h-22v1.061A2.938 2.938 0 0 1 15.064 156h-.123a2.942 2.942 0 0 1-2.938-2.939V152H10l.003.566c.097 13.777 2.805 25.035 8.524 33.434h37.702c-4.841-8.337-7.936-19.176-8.212-34zm-30-3.061v4.122a.94.94 0 0 1-.939.939h-.123a.937.937 0 0 1-.938-.939v-4.122a.94.94 0 0 1 .938-.939h.123a.94.94 0 0 1 .939.939zm28 .003v4.116a.939.939 0 0 1-.942.942h-.117a.938.938 0 0 1-.941-.942v-4.116a.939.939 0 0 1 .941-.942h.117a.94.94 0 0 1 .942.942z"
transform="translate(0 -138)"
/>
<path
fill="url(#c)"
d="M13.979 160H41c.473 0 .857-.448.857-1s-.384-1-.857-1H13.979c-.473 0-.857.448-.857 1s.384 1 .857 1z"
transform="matrix(1.167 0 0 1 -2.831 -137)"
/>
<path
fill="url(#d)"
d="M13.979 160h27.403c.473 0 .857-.448.857-1s-.384-1-.857-1H13.979c-.473 0-.857.448-.857 1s.384 1 .857 1z"
transform="matrix(1.167 0 0 1 -1.831 -129)"
/>
<path
fill="url(#e)"
d="M13.979 160h27.403c.473 0 .857-.448.857-1s-.384-1-.857-1H13.979c-.473 0-.857.448-.857 1s.384 1 .857 1z"
transform="matrix(1.167 0 0 1 -.789 -125)"
/>
<path
fill="url(#f)"
d="M13.979 160h27.403c.473 0 .857-.448.857-1s-.384-1-.857-1H13.979c-.473 0-.857.448-.857 1s.384 1 .857 1z"
transform="matrix(1.167 0 0 1 .245 -121)"
/>
<path
fill="url(#g)"
d="M12.5 160h30.819c.828 0 1.5-.448 1.5-1s-.672-1-1.5-1H12.5c-.828 0-1.5.448-1.5 1s.672 1 1.5 1zM-4 160H6.5c.828 0 1.5-.448 1.5-1s-.672-1-1.5-1H-4c-.828 0-1.5.448-1.5 1s.672 1 1.5 1z"
transform="matrix(.667 0 0 1 16.67 -133)"
/>
</g>
</svg>
More icons in the same style and category