Add icons to this collection by clicking the heart icon.
Note icon - also known as notebook, pencil, note, dollar symbol, files and folders, and business and finance. Created in a clean lineal 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="496pt"
height="496pt"
viewBox="-48 0 496 496.013"
>
<linearGradient id="a">
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-64.305"
x2="425.823"
y1="484.312"
y2="-5.816"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="31.215"
x2="521.343"
y1="579.84"
y2="89.704"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-70.305"
x2="419.823"
y1="478.312"
y2="-11.816"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-117.905"
x2="372.231"
y1="430.72"
y2="-59.408"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-110.601"
x2="379.527"
y1="438.024"
y2="-52.112"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-6.305"
x2="483.823"
y1="542.312"
y2="52.184"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="19.695"
x2="509.823"
y1="568.312"
y2="78.184"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M312.008 24h-64V8a8 8 0 0 0-16 0v16h-64V8a8 8 0 0 0-16 0v16h-64V8a8 8 0 0 0-16 0v16h-64a8 8 0 0 0-8 8v456a8 8 0 0 0 8 8h304a8 8 0 0 0 8-8V32a8 8 0 0 0-8-8zm-8 456h-288V40h56v16a8 8 0 0 0 16 0V40h64v16a8 8 0 0 0 16 0V40h64v16a8 8 0 0 0 16 0V40h56zm0 0"
/>
<path
fill="url(#c)"
d="M368.008 0c-17.676 0-32 14.328-32 32v392c-.004.957.168 1.91.504 2.809l24 64a8.001 8.001 0 0 0 14.992 0l24-64a8.113 8.113 0 0 0 .504-2.809V32c0-17.672-14.328-32-32-32zm-16 408V64h8v320a8 8 0 0 0 16 0V64h8v344zm0-376c0-8.836 7.164-16 16-16s16 7.164 16 16v16h-32zm16 433.215L352.55 424h30.91zm0 0"
/>
<path
fill="url(#d)"
d="M160.008 136c-61.856 0-112 50.145-112 112s50.144 112 112 112c61.855 0 112-50.145 112-112-.067-61.828-50.172-111.934-112-112zm0 208c-53.02 0-96-42.98-96-96s42.98-96 96-96 96 42.98 96 96c-.059 52.996-43.004 95.941-96 96zm0 0"
/>
<path
fill="url(#e)"
d="M168.008 169.184a8 8 0 0 0-8-8c-33.004-.106-63.184 18.597-77.778 48.199-1.968 3.957-.355 8.762 3.602 10.73s8.758.356 10.727-3.601a70.466 70.466 0 0 1 63.449-39.328 8 8 0 0 0 8-8zm0 0"
/>
<path
fill="url(#f)"
d="M82.133 233.336a7.998 7.998 0 0 0-8.63 7.312 84.675 84.675 0 0 0-.312 7.352c0 1.031 0 2.063.055 3.09a8.001 8.001 0 0 0 8 7.734h.266a7.999 7.999 0 0 0 7.734-8.266c0-.847-.047-1.695-.047-2.55 0-2.031.086-4.04.254-6.024a8.007 8.007 0 0 0-1.863-5.843 8.004 8.004 0 0 0-5.457-2.805zm0 0"
/>
<path
fill="url(#d)"
d="M192.008 224a8 8 0 0 0 0-16h-24v-8a8 8 0 0 0-16 0v8h-24a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h56v16h-56a8 8 0 0 0 0 16h24v8a8 8 0 0 0 16 0v-8h24a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-56v-16zm0 0"
/>
<path
fill="url(#g)"
d="M96.008 456h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#h)"
d="M128.008 456h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16zm0 0"
/>
</svg>
More icons in the same style and category