Add icons to this collection by clicking the heart icon.
Note icon - also known as document, pin, note, pushpin, sticker, reminder, notepad, event, files and folders, and thumb tack. Created in a clean lineal color gradient style with a black 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="512"
height="512"
viewBox="0 0 24 24"
>
<linearGradient
id="a"
x1="5.793"
x2="18"
y1="4.793"
y2="17"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffffd4" />
<stop offset="1" stop-color="#ffefb1" />
</linearGradient>
<linearGradient
id="b"
x1="15.294"
x2="17.5"
y1="15.294"
y2="17.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd0" />
<stop offset="1" stop-color="#feb100" />
</linearGradient>
<linearGradient
id="c"
x1="4.587"
x2="7.414"
y1="4.586"
y2="7.414"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff8a6b" />
<stop offset="1" stop-color="#fe626a" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="M7 20a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v10l-5 5z"
/>
<path fill="url(#b)" d="M15 20v-4a1 1 0 0 1 1-1h4z" />
<path fill="url(#c)" d="M6 8a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
<g fill="#332525">
<path
d="M10 11a1 1 0 0 1-.707-.293L6.7 8.117A1 1 0 1 1 8.117 6.7l2.59 2.59A1 1 0 0 1 10 11z"
/>
<path
d="M6 9a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1z"
/>
<path
d="M15 21H7a2 2 0 0 1-2-2v-8a1 1 0 0 1 2 0v8h7.586L19 14.586V5h-8a1 1 0 0 1 0-2h8a2 2 0 0 1 2 2v10a1 1 0 0 1-.293.707l-5 5A1 1 0 0 1 15 21z"
/>
<path
d="M15 21a1 1 0 0 1-1-1v-4a2 2 0 0 1 2-2h4a1 1 0 0 1 0 2h-4v4a1 1 0 0 1-1 1z"
/>
</g>
</g>
</svg>
More icons in the same style and category