Add icons to this collection by clicking the heart icon.
Notes icon - also known as message, education, notes, text, paper, note, memo, lines, and paperwork. Created in a clean color 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="338.736"
x2="662.646"
y1="219.692"
y2="-18.328"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" />
<stop offset="1" stop-color="#8aa753" />
</linearGradient>
<path
d="m453.384 20.5 58.354 381.648c1.887 12.344-6.599 23.894-18.943 25.782l-381.648 58.354c-12.344 1.887-23.894-6.599-25.782-18.943L27.011 85.693c-1.887-12.344 6.599-23.894 18.943-25.782L427.602 1.557C439.946-.33 451.496 8.156 453.384 20.5z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="322.324"
x2="627.274"
y1="198.687"
y2="-63.173"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe7695" />
<stop offset="1" stop-color="#fe547b" />
</linearGradient>
<path
d="m457.455 50.956 29.261 384.973c.947 12.452-8.391 23.325-20.842 24.272L80.901 489.462c-12.452.947-23.325-8.391-24.272-20.842L27.368 83.647c-.947-12.452 8.391-23.325 20.842-24.272l384.973-29.261c12.452-.947 23.326 8.39 24.272 20.842z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="304.369"
x2="588.599"
y1="178.973"
y2="-105.257"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="M459.207 81.633v386.083c0 12.488-10.135 22.622-22.622 22.622H50.502c-12.488 0-22.622-10.135-22.622-22.622V81.633c0-12.488 10.135-22.622 22.622-22.622h386.083c12.488-.001 22.622 10.135 22.622 22.622z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="228.515"
x2="228.515"
y1="284.543"
y2="-203.457"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#f7ae3d" />
</linearGradient>
<path
d="M314.922 510.62 20.926 488.501C8.467 487.563-.872 476.704.065 464.245L29.029 79.25c.938-12.459 11.797-21.798 24.256-20.861l384.996 28.964c12.459.938 21.798 11.797 20.862 24.256L436.58 411.51a13.184 13.184 0 0 1-4.474 8.94l-94.716 82.691a30.676 30.676 0 0 1-22.468 7.479z"
fill="url(#d)"
/>
<path
d="M74.864 201.706h334.564v25.096H74.864z"
transform="scale(-1) rotate(4.336 5659.997 -6396.801)"
fill="#fff2eb"
/>
<path
d="M70.035 265.406h334.564v25.096H70.035z"
transform="scale(-1) rotate(4.336 7342.75 -6269.24)"
fill="#fff2eb"
/>
<path
d="M65.323 325.808h247.628v25.096H65.323z"
transform="scale(-1) rotate(4.336 8938.41 -4996.463)"
fill="#fff2eb"
/>
<linearGradient
id="e"
x1="184.476"
x2="184.476"
y1="54.443"
y2="7.393"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" stop-opacity="0" />
<stop offset="1" stop-color="#d48000" />
</linearGradient>
<path
d="m337.387 503.141 33.394-29.155L1.423 446.199.066 464.246c-.908 12.063 7.835 22.638 19.703 24.138.382.048.769.087 1.159.116l293.995 22.118a30.654 30.654 0 0 0 22.464-7.477z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="356.84"
x2="424.27"
y1="71.395"
y2="-7.005"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#d48000" />
</linearGradient>
<path
d="M435.019 416.811s-.808 1.838-3.63 4.265c-1.048.902-93.444 81.58-93.444 81.58a32.43 32.43 0 0 1-23.76 7.908c7.475.562 13.991-5.042 14.553-12.517l4.978-66.171c.938-12.459 11.797-21.798 24.256-20.861l77.047 5.796z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category