Add icons to this collection by clicking the heart icon.
Note icon - also known as interface, notebook, notes, note, writing, writing tool, notepad, miscellaneous, files and folders, 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="100"
height="100"
viewBox="0 0 480.912 480.912"
>
<linearGradient
id="a"
x1="-26.419"
x2="-26.419"
y1="559.318"
y2="618.558"
gradientTransform="matrix(8 0 0 -8 451.808 4945.104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="m440.456 246.056 40.448-70.072-40.448-23.32V88.456h-111.2l-16.8-9.688V40.456C312.3 18.365 294.265.584 272.174.74c-19.01.134-35.3 13.63-38.966 32.284L176.008 0l-51.056 88.456H88.456v63.2L.008 304.912l88.448 51.056v84.488h146.4l70.08 40.456 23.32-40.456h112.2v-194.4zm-16-141.6V143.4l-67.488-38.944h67.488zm-176-64c0-13.255 10.745-24 24-24s24 10.745 24 24v29.08l-48-27.712v-1.368zm-144 64h11.256l-11.256 19.504v-19.504zm0 320V365.2l102.648 59.256H104.456zm194.592 34.592-277.184-160 160-277.184 114.592 66.144v32.448c0 13.255-10.745 24-24 24s-24-10.745-24-24v-48h-16v48c0 22.091 17.909 40 40 40s40-17.909 40-40v-23.2l146.592 84.6-160 277.192zm38.456-34.592L424.456 273.8v150.656h-86.952z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-22.419"
x2="-22.419"
y1="559.318"
y2="618.558"
gradientTransform="matrix(8 0 0 -8 451.808 4945.104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M280.456 128.456h8v-16h-8a8 8 0 0 1-8-8v-16h-16v16c0 13.255 10.745 24 24 24z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-71.44"
x2="-20.13"
y1="578.819"
y2="608.436"
gradientTransform="scale(8 -8) rotate(60.005 531.958 348.754)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="m182.096 183.682 7.999-13.857 124.714 71.988-7.999 13.857-124.714-71.988z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-69.707"
x2="-18.399"
y1="576.085"
y2="605.702"
gradientTransform="scale(7.9999 -7.9999) rotate(60.001 529.008 343.297)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="m158.097 227.381 8-13.856 124.708 71.997-8 13.856-124.708-71.997z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-67.974"
x2="-16.67"
y1="573.352"
y2="602.969"
gradientTransform="scale(7.9999 -7.9999) rotate(60.001 526.012 337.83)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="m134.098 271.133 8-13.856 124.708 71.997-8 13.857-124.708-71.998z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category