Add icons to this collection by clicking the heart icon.
Note icon - also known as clipboard, list, alarm, note, report, notification, ui, training, 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 512 512"
>
<linearGradient
id="a"
x1="375.29"
x2="89.73"
y1="534.32"
y2="13.4"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00ffa9" />
<stop offset=".15" stop-color="#02eab3" />
<stop offset=".47" stop-color="#06b3ce" />
<stop offset=".93" stop-color="#0c5cf8" />
<stop offset="1" stop-color="#0d4dff" />
</linearGradient>
<linearGradient
id="b"
x1="240.3"
x2="-45.26"
y1="608.32"
y2="87.4"
href="#a"
/>
<linearGradient
id="c"
x1="603.93"
x2="318.37"
y1="408.98"
y2="-111.94"
href="#a"
/>
<linearGradient
id="d"
x1="582.57"
x2="297"
y1="420.69"
y2="-100.22"
href="#a"
/>
<linearGradient
id="e"
x1="426.45"
x2="140.89"
y1="506.27"
y2="-14.64"
href="#a"
/>
<linearGradient
id="f"
x1="394.65"
x2="109.09"
y1="523.71"
y2="2.79"
href="#a"
/>
<linearGradient
id="g"
x1="310.98"
x2="25.42"
y1="569.57"
y2="48.65"
href="#a"
/>
<linearGradient
id="h"
x1="194.99"
x2="-90.57"
y1="633.16"
y2="112.24"
href="#a"
/>
<linearGradient
id="i"
x1="599.59"
x2="314.03"
y1="411.36"
y2="-109.56"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M454 157.47a6 6 0 0 0-5.53-.68 71.84 71.84 0 0 1-92-93.87 6 6 0 0 0-5.57-8.23H66.63A61.71 61.71 0 0 0 5 116.34v50.31a6 6 0 0 0 12 0v-50.31a49.7 49.7 0 0 1 49.63-49.65h275.89a83.87 83.87 0 0 0 102.05 103.92v274a49.71 49.71 0 0 1-49.65 49.66H138.19v-40.22a81.07 81.07 0 0 0-81-81H17v-159.6a6 6 0 0 0-12 0v165.6a6 6 0 0 0 6 6h46.21a69.06 69.06 0 0 1 69 69v46.22a6 6 0 0 0 6 6h262.71a61.72 61.72 0 0 0 61.65-61.66v-282.2a6 6 0 0 0-2.57-4.94z"
/>
<path
fill="url(#b)"
d="M11 200.55a6 6 0 0 0 6-6v-9a6 6 0 0 0-12 0v9a6 6 0 0 0 6 6z"
/>
<path
fill="url(#c)"
d="M423.18 117.58a6 6 0 0 0 6-6V47a6 6 0 1 0-12 0v64.63a6 6 0 0 0 6 5.95z"
/>
<path
fill="url(#d)"
d="M423.18 138.16a6 6 0 0 0 6-6v-4.42a6 6 0 1 0-12 0v4.42a6 6 0 0 0 6 6z"
/>
<path
fill="url(#e)"
d="M88.31 153h282.38a6 6 0 1 0 0-12H88.31a6 6 0 0 0 0 12z"
/>
<path
fill="url(#f)"
d="M390.1 234.15H88.32a6 6 0 0 0 0 12H390.1a6 6 0 0 0 0-12z"
/>
<path
fill="url(#g)"
d="M274.6 327.29H88.32a6 6 0 0 0 0 12H274.6a6 6 0 0 0 0-12z"
/>
<path
fill="url(#h)"
d="M57.21 373.05H11a6 6 0 0 0-6 6v2.21a6 6 0 0 0 1.76 4.24l119 119a6 6 0 0 0 4.24 1.75h2.2a6 6 0 0 0 6-6v-46.2a81.09 81.09 0 0 0-80.99-81zM126.2 488 23.27 385.05h33.94a69.07 69.07 0 0 1 69 69z"
/>
<path
fill="url(#i)"
d="M423.18 5.74A83.82 83.82 0 1 0 507 89.55a83.91 83.91 0 0 0-83.82-83.81zm0 155.63A71.82 71.82 0 1 1 495 89.55a71.89 71.89 0 0 1-71.82 71.82z"
/>
</g>
</svg>
More icons in the same style and category