Add icons to this collection by clicking the heart icon.
Notes icon - also known as notebook, notes, office material, school material, notepad, and files and folders. Created in a clean gradient style with a orange and pink 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="d"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#185f8d" />
<stop offset="1" stop-color="#082947" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff9d49" />
<stop offset="1" stop-color="#ff6e1d" />
</linearGradient>
<linearGradient
id="e"
x1="309.261"
x2="440.13"
y1="217.957"
y2="348.826"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="310.783"
x2="356.435"
y1="125.13"
y2="170.783"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffcc75" />
<stop offset="1" stop-color="#ff9d49" />
</linearGradient>
<linearGradient
id="g"
x1="257.522"
x2="388.391"
y1="233.174"
y2="364.043"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f9dca7" />
<stop offset="1" stop-color="#ffb55f" />
</linearGradient>
<linearGradient
id="h"
x1="130.457"
x2="220.239"
y1="104.587"
y2="194.37"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="227.848"
x2="305.457"
y1="107.63"
y2="185.239"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="87.848"
x2="250.674"
y1="201.978"
y2="364.804"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#f9dca7" />
</linearGradient>
<linearGradient
id="k"
x1="188.283"
x2="320.674"
y1="201.978"
y2="334.37"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="#ff6e1d"
d="M392.957 116h-36.523l-6.086 66.957 42.609-12.176zm0 0"
/>
<path
fill="url(#e)"
d="m356.434 170.781-12.172 112.61L356.434 396h36.523V170.781zm0 0"
/>
<path
fill="url(#f)"
d="M356.434 116h-36.52l-6.09 66.957 42.61-12.176zm0 0"
/>
<path fill="url(#g)" d="M319.914 170.781 259.043 396h97.39V170.781zm0 0" />
<path
fill="url(#h)"
d="M119.043 116v54.781l112.61 12.176L219.476 116zm0 0"
/>
<path fill="url(#i)" d="M319.914 116H219.477v66.957l100.437-12.176zm0 0" />
<path
fill="url(#j)"
d="M119.043 170.781V396h100.434l12.175-112.61-12.175-112.609zm0 0"
/>
<path
fill="url(#k)"
d="M219.477 170.781V396h39.566l18.262-42.61 42.61-18.261V170.78zm0 0"
/>
<path fill="#f9dca7" d="M259.043 335.129V396l60.871-60.871zm0 0" />
</svg>
More icons in the same style and category