Add icons to this collection by clicking the heart icon.
Note icon - also known as interface, education, notebook, notes, ruler, note, writing, Tools and utensils, writing tool, and notepad. 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.033 480.033"
>
<linearGradient
id="a"
x1="-58.017"
x2="16.782"
y1="562.158"
y2="562.158"
gradientTransform="matrix(8 0 0 -8 454.883 4941.3)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M400.017 432.033h-16v-16a8 8 0 0 0-8-8h-40v16h32v8h-280a7.99 7.99 0 0 0-3.576.8l-32 16a8 8 0 0 0 0 14.32l32 16a8.002 8.002 0 0 0 3.576.88h312c13.255 0 24-10.745 24-24s-10.745-24-24-24zm-326.112 24 16-8h230.112v16H89.905l-16-8zm326.112 8h-64v-16h64a8 8 0 0 1 0 16z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-58.017"
x2="16.782"
y1="573.658"
y2="573.658"
gradientTransform="matrix(8 0 0 -8 454.883 4941.3)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M440.017 312.033h-400a8 8 0 0 0-8 8v48c0 13.255 10.745 24 24 24h368c13.255 0 24-10.745 24-24v-48a8 8 0 0 0-8-8zm-8 56a8 8 0 0 1-8 8h-368a8 8 0 0 1-8-8v-40h40v8h16v-8h32v24h16v-24h32v8h16v-8h32v24h16v-24h32v8h16v-8h32v24h16v-24h32v8h16v-8h40v40z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-58.017"
x2="16.782"
y1="599.66"
y2="599.66"
gradientTransform="matrix(8 0 0 -8 454.883 4941.3)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M474.633 20.033c-11-19.122-35.419-25.707-54.541-14.707a39.944 39.944 0 0 0-12.075 10.707h-400a8 8 0 0 0-8 8v256a8 8 0 0 0 8 8h432c22.08-.026 39.974-17.92 40-40v-208a40.179 40.179 0 0 0-5.384-20zm-34.616-4c13.24.035 23.965 10.76 24 24v176.208c-14.125-10.877-33.781-10.962-48-.208v-176c0-4.217 1.121-8.359 3.248-12a24.001 24.001 0 0 1 20.752-12zm0 256h-424v-240h384.912a39.001 39.001 0 0 0-.912 8v208a8 8 0 0 0 16 0c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-58.017"
x2="16.782"
y1="608.658"
y2="608.658"
gradientTransform="matrix(8 0 0 -8 454.883 4941.3)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M40.017 64.033h32v16h-32v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-58.017"
x2="16.782"
y1="608.658"
y2="608.658"
gradientTransform="matrix(8 0 0 -8 454.883 4941.3)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M88.017 64.033h288v16h-288v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-58.017"
x2="16.782"
y1="604.658"
y2="604.658"
gradientTransform="matrix(8 0 0 -8 454.883 4941.3)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M40.017 96.033h336v16h-336v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-58.017"
x2="16.782"
y1="590.658"
y2="590.658"
gradientTransform="matrix(8 0 0 -8 454.883 4941.3)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M96.017 184.033h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8zm-8 48h-32v-32h32v32z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-58.017"
x2="16.782"
y1="593.658"
y2="593.658"
gradientTransform="matrix(8 0 0 -8 454.883 4941.3)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M120.017 184.033h208v16h-208v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-58.017"
x2="16.782"
y1="588.658"
y2="588.658"
gradientTransform="matrix(8 0 0 -8 454.883 4941.3)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M120.017 224.033h256v16h-256v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-58.017"
x2="16.782"
y1="593.658"
y2="593.658"
gradientTransform="matrix(8 0 0 -8 454.883 4941.3)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M344.017 184.033h32v16h-32v-16z" fill="url(#j)" />
</svg>
More icons in the same style and category