Add icons to this collection by clicking the heart icon.
Notes icon - also known as interface, notebook, notes, note, writing, Tools and utensils, writing tool, notepad, and miscellaneous. Created in a clean gradient style with a white finish, 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 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#05ceff" />
<stop offset="1" stop-color="#01538d" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="261.684"
x2="387.296"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdd7d" />
<stop offset="1" stop-color="#ffa851" />
</linearGradient>
<path
d="M358.877 110.495 261.684 256l97.193 145.505h28.419v-291.01z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="262.252"
x2="358.877"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffedba" />
<stop offset="1" stop-color="#ffdd7d" />
</linearGradient>
<path d="m330.458 110.495-68.206 291.01h96.625v-291.01z" fill="url(#c)" />
<linearGradient
id="d"
x1="124.704"
x2="330.458"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3edee" />
<stop offset="1" stop-color="#ffedba" />
</linearGradient>
<path
d="M227.581 110.495H124.704v291.01h137.548l17.052-51.154 51.154-17.051V110.495z"
fill="url(#d)"
/>
<path d="m330.458 333.3-68.206 68.205V333.3z" fill="#fff" />
<linearGradient
id="e"
x1="148.576"
x2="306.586"
y1="275.05"
y2="275.05"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff94cc" />
<stop offset="1" stop-color="#ff39a1" />
</linearGradient>
<path
d="M293.031 180.27c-18.073-18.073-47.377-18.073-65.45 0-18.073-18.073-47.377-18.073-65.45 0s-18.073 47.383 0 65.457l65.45 65.457 65.45-65.457c18.073-18.074 18.073-47.384 0-65.457z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category