Add icons to this collection by clicking the heart icon.
Note icon - also known as pin, paper, note, task, and files and folders. Created in a clean outline 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="104.227"
x2="104.227"
y1="434.728"
y2="144.655"
gradientUnits="userSpaceOnUse"
>
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="269.756"
x2="269.756"
y1="434.728"
y2="144.655"
href="#a"
/>
<linearGradient
id="c"
x1="156.859"
x2="156.859"
y1="434.728"
y2="144.655"
href="#a"
/>
<linearGradient
id="d"
x1="75.577"
x2="75.577"
y1="434.728"
y2="144.655"
href="#a"
/>
<linearGradient
id="e"
x1="256.002"
x2="256.002"
y1="434.728"
y2="144.655"
href="#a"
/>
<path
fill="url(#a)"
d="M108.281 200.375h-8.108a6 6 0 0 0 0 12h8.108a6 6 0 0 0 0-12z"
/>
<path
fill="url(#b)"
d="M335.866 200.245h-.006l-132.219.13a6 6 0 0 0 0 12h.006l132.22-.13a6 6 0 0 0-.006-12z"
/>
<path
fill="url(#c)"
d="M170.913 200.375h-28.108a6 6 0 0 0 0 12h28.108a6 6 0 0 0 0-12z"
/>
<path
fill="url(#a)"
d="M108.281 243.006h-8.108a6 6 0 1 0 0 12h8.108a6 6 0 1 0 0-12z"
/>
<path
fill="url(#b)"
d="M335.866 242.876h-.006l-132.219.13a6 6 0 0 0 0 12h.006l132.22-.13a6 6 0 0 0-.006-12z"
/>
<path
fill="url(#c)"
d="M170.913 243.006h-28.108a6 6 0 0 0 0 12h28.108a6 6 0 0 0 0-12z"
/>
<path
fill="url(#a)"
d="M108.281 285.638h-8.108a6 6 0 0 0 0 12h8.108a6 6 0 0 0 0-12z"
/>
<path
fill="url(#b)"
d="M335.866 285.507h-.006l-132.219.131a6 6 0 0 0 0 12h.006l132.22-.131a6 6 0 0 0-.006-12z"
/>
<path
fill="url(#c)"
d="M170.913 285.638h-28.108a6 6 0 0 0 0 12h28.108a6 6 0 0 0 0-12z"
/>
<path
fill="url(#a)"
d="M108.281 328.269h-8.108a6 6 0 0 0 0 12h8.108a6 6 0 0 0 0-12z"
/>
<path
fill="url(#b)"
d="M335.866 328.139h-.006l-132.219.13a6 6 0 0 0 0 12h.006l132.22-.13a6 6 0 0 0-.006-12z"
/>
<path
fill="url(#c)"
d="M170.913 328.269h-28.108a6 6 0 0 0 0 12h28.108a6 6 0 0 0 0-12z"
/>
<path
fill="url(#a)"
d="M108.281 370.9h-8.108a6 6 0 0 0 0 12h8.108a6 6 0 0 0 0-12z"
/>
<path
fill="url(#b)"
d="M335.866 370.77h-.006l-132.219.13a6 6 0 0 0 0 12h.006l132.22-.13a6 6 0 0 0-.006-12z"
/>
<path
fill="url(#c)"
d="M170.913 370.9h-28.108a6 6 0 1 0 0 12h28.108a6 6 0 0 0 0-12z"
/>
<path
fill="url(#d)"
d="M75.577 149.483a6 6 0 0 0-6 6v4.811a6 6 0 0 0 12 0v-4.811a6 6 0 0 0-6-6zM75.577 176.266a6 6 0 0 0-6 6v90.9a6 6 0 0 0 12 0v-90.9a6 6 0 0 0-6-6z"
/>
<path
fill="url(#e)"
d="M465.691 18.493a10.685 10.685 0 0 0-13.682-1.21l-55 38.359a20.248 20.248 0 0 0-28.256.39l-4.872 4.868a6 6 0 0 0 0 8.486l38.559 38.56-16.648 16.654a10.237 10.237 0 0 0-2.517-.324h-21.711v-21.712A10.274 10.274 0 0 0 351.3 92.3H20.263A10.274 10.274 0 0 0 10 102.564V454.4a10.276 10.276 0 0 0 10.263 10.264h21.711v21.709a10.263 10.263 0 0 0 10.263 10.267h331.038a10.263 10.263 0 0 0 10.263-10.263V134.538c0-.23-.019-.455-.034-.681l17.421-17.422 37.044 37.045a6 6 0 0 0 8.485 0l4.873-4.873a20.246 20.246 0 0 0 .391-28.257l38.357-55a10.683 10.683 0 0 0-1.209-13.685zM381.538 484.64h-69.945l69.945-69.946zm-78.43-8.486v-53.338a16.627 16.627 0 0 1 16.608-16.607h53.337zm78.43-81.945h-61.822a28.64 28.64 0 0 0-28.608 28.607v61.824H53.974v-48.425a6 6 0 0 0-12 0v16.452H22V104.3h327.564v19.973H52.236a10.262 10.262 0 0 0-10.262 10.263v249.679a6 6 0 0 0 12 0v-247.94h320.142l-29.873 29.873a6 6 0 1 0 8.485 8.485l28.81-28.811zm71.305-254.087-.631.63-75.6-75.6.63-.629a8.286 8.286 0 0 1 11.718 0l63.883 63.877a8.286 8.286 0 0 1 0 11.718zm.273-28.414-47.463-47.464 52.326-36.494 31.63 31.632z"
/>
</svg>
More icons in the same style and category