Add icons to this collection by clicking the heart icon.
Note icon - also known as interface, business, office, note, writing, company, and business and finance. 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="#fedbb8" />
<stop offset="1" stop-color="#0f3ea4" />
</linearGradient>
<linearGradient
id="b"
x1="39"
x2="39"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="48.5"
x2="48.5"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="29.5"
x2="29.5"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="13"
x2="13"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="32"
x2="32"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="17.5"
x2="17.5"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="46"
x2="46"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="18"
x2="18"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="12"
x2="12"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="19"
x2="19"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="20.5"
x2="20.5"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="27"
x2="27"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="51"
x2="51"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="31"
x2="31"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="22"
x2="22"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="16"
x2="16"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="42"
x2="42"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="52"
x2="52"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="26"
x2="26"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="43.5"
x2="43.5"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="34.5"
x2="34.5"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="47"
x2="47"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M28 53h22a1 1 0 1 0 0-2H28a1 1 0 1 0 0 2z" />
<path fill="url(#c)" d="M47 18h3a1 1 0 1 0 0-2h-3a1 1 0 1 0 0 2z" />
<path fill="url(#d)" d="M28 18h3a1 1 0 1 0 0-2h-3a1 1 0 1 0 0 2z" />
<path
fill="url(#e)"
d="M12 21a1 1 0 0 0 1-1 1 1 0 0 1 1-1 1 1 0 1 0 0-2c-1.654 0-3 1.346-3 3a1 1 0 0 0 1 1z"
/>
<path
fill="url(#f)"
d="M33 21a1 1 0 1 0 0-2 1 1 0 0 1-1-1 1 1 0 1 0-2 0c0 1.654 1.346 3 3 3z"
/>
<path
fill="url(#g)"
d="M18.105 52.447a1 1 0 0 0 1.789-.894l-3-6a1 1 0 0 0-1.789.895z"
/>
<path
fill="url(#h)"
d="M45 21c1.654 0 3-1.346 3-3a1 1 0 1 0-2 0 1 1 0 0 1-1 1 1 1 0 1 0 0 2z"
/>
<path fill="url(#i)" d="M14 19h8a1 1 0 1 0 0-2h-8a1 1 0 1 0 0 2z" />
<path
fill="url(#j)"
d="M12 31.5a1 1 0 0 0 1-1V20a1 1 0 1 0-2 0v10.5a1 1 0 0 0 1 1z"
/>
<path fill="url(#k)" d="M22 31.5h-6a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z" />
<path
fill="url(#l)"
d="M22.447 45.105a1.003 1.003 0 0 0-1.342.447l-3 6a1 1 0 1 0 1.79.895l3-6a1.001 1.001 0 0 0-.448-1.342z"
/>
<path
fill="url(#k)"
d="M16 16a1 1 0 0 0 1-1c0-1.403 1.077-1.902 2-1.902.539 0 1.053.177 1.41.484.392.336.59.814.59 1.418a1 1 0 1 0 2 0c0-2.562-2.013-3.902-4-3.902s-4 1.34-4 3.902a1 1 0 0 0 1 1z"
/>
<path fill="url(#b)" d="M26 25h26a1 1 0 1 0 0-2H26a1 1 0 1 0 0 2z" />
<path
fill="url(#m)"
d="M28 53a1 1 0 1 0 0-2 1 1 0 0 1-1-1 1 1 0 1 0-2 0c0 1.654 1.346 3 3 3z"
/>
<path
fill="url(#n)"
d="M52 49a1 1 0 0 0-1 1 1 1 0 0 1-1 1 1 1 0 1 0 0 2c1.654 0 3-1.346 3-3a1 1 0 0 0-1-1zM50 18a1 1 0 0 1 1 1 1 1 0 1 0 2 0c0-1.654-1.346-3-3-3a1 1 0 1 0 0 2z"
/>
<path
fill="url(#m)"
d="M26 20a1 1 0 0 0 1-1 1 1 0 0 1 1-1 1 1 0 1 0 0-2c-1.654 0-3 1.346-3 3a1 1 0 0 0 1 1z"
/>
<path
fill="url(#b)"
d="M35.615 14.923a1 1 0 0 0 1.308-.538c.414-.991 1.344-1.344 2.077-1.344s1.664.354 2.077 1.344a1 1 0 1 0 1.846-.77c-.661-1.588-2.164-2.574-3.922-2.574H39c-1.757 0-3.261.986-3.923 2.574a1 1 0 0 0 .538 1.308z"
/>
<path
fill="url(#h)"
d="M45 15a1 1 0 0 1 1 1 1 1 0 1 0 2 0c0-1.654-1.346-3-3-3a1 1 0 1 0 0 2z"
/>
<path fill="url(#b)" d="M33 19a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2z" />
<path
fill="url(#f)"
d="M31 17a1 1 0 0 0 1-1 1 1 0 0 1 1-1 1 1 0 1 0 0-2c-1.654 0-3 1.346-3 3a1 1 0 0 0 1 1z"
/>
<path
fill="url(#o)"
d="M31 19a1 1 0 0 0 1-1v-2a1 1 0 1 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#p)"
d="M22 47a1 1 0 0 0 1-1V15a1 1 0 1 0-2 0v31a1 1 0 0 0 1 1z"
/>
<path
fill="url(#q)"
d="M16 47a1 1 0 0 0 1-1V15a1 1 0 1 0-2 0v31a1 1 0 0 0 1 1z"
/>
<g fill="url(#o)">
<path
d="M30 47.4h2a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2zM30 41.8h2a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2zM30 36.2h2a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2zM30 30.6h2a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2z"
/>
</g>
<path
fill="url(#r)"
d="M48 45.4H36a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2zM48 39.8H36a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2zM48 34.2H36a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2zM36 28.6a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2z"
/>
<path
fill="url(#s)"
d="M52 51a1 1 0 0 0 1-1V19a1 1 0 1 0-2 0v31a1 1 0 0 0 1 1z"
/>
<path
fill="url(#t)"
d="M26 51a1 1 0 0 0 1-1V19a1 1 0 1 0-2 0v31a1 1 0 0 0 1 1z"
/>
<path fill="url(#u)" d="M42 15h3a1 1 0 1 0 0-2h-3a1 1 0 1 0 0 2z" />
<path fill="url(#v)" d="M33 15h3a1 1 0 1 0 0-2h-3a1 1 0 1 0 0 2z" />
<path fill="url(#w)" d="M46 18a1 1 0 1 0 2 0v-2a1 1 0 1 0-2 0z" />
</svg>
More icons in the same style and category