Add icons to this collection by clicking the heart icon.
Notes icon - also known as interface, file, notebook, notes, clipboard, text, note, text lines, and files and folders. Created in a clean color style with a silver 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="-3.063"
x2="476.938"
y1="255.655"
y2="255.655"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1aceb8" />
<stop offset="1" stop-color="#0bbfba" />
</linearGradient>
<path
d="M490.901 512H21.099C9.446 512 0 502.554 0 490.901V78.769C0 67.117 9.446 57.67 21.099 57.67h469.803c11.652 0 21.099 9.446 21.099 21.099v412.132C512 502.554 502.554 512 490.901 512z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="236.938"
x2="236.938"
y1="438.098"
y2="462.217"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1aceb8" stop-opacity="0" />
<stop offset=".104" stop-color="#24cebb" stop-opacity=".103" />
<stop offset="1" stop-color="#78cdd1" />
</linearGradient>
<path
d="M0 136.439v-57.67C0 67.122 9.452 57.67 21.099 57.67h469.803c11.647 0 21.099 9.452 21.099 21.099v57.67H0z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="370.84"
x2="356.47"
y1="433.95"
y2="448.32"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1aceb8" stop-opacity="0" />
<stop offset="1" stop-color="#07adb5" />
</linearGradient>
<path d="m372.044 56.263 23.208 23.209h-23.208z" fill="url(#c)" />
<linearGradient
id="d"
x1="498.938"
x2="242.618"
y1="8.828"
y2="265.138"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1aceb8" stop-opacity="0" />
<stop offset="1" stop-color="#07adb5" />
</linearGradient>
<path
d="M512 147.693v343.209c0 11.647-9.453 21.099-21.099 21.099H122.373l-63.297-63.297 1.716-.225a20.868 20.868 0 0 0 8.13 1.632H429.01c11.647 0 21.099-9.453 21.099-21.099V92.835c0-2.124-.309-4.163-.9-6.091l.9-.942L512 147.693z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="236.938"
x2="236.938"
y1="83.147"
y2="52.818"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1aceb8" stop-opacity="0" />
<stop offset="1" stop-color="#04959c" />
</linearGradient>
<path
d="M512 433.231v57.67c0 11.647-9.453 21.099-21.099 21.099H21.099C9.452 512 0 502.547 0 490.901v-57.67h512z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="374.542"
x2="424.952"
y1="133.902"
y2="83.502"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#97aaaa" />
<stop offset="1" stop-color="#e8efee" />
</linearGradient>
<path
d="M457.142 99.868v336.176c0 11.647-9.453 21.099-21.099 21.099H75.956c-11.647 0-21.099-9.453-21.099-21.099V99.868c0-11.647 9.452-21.099 21.099-21.099h360.087c11.648 0 21.099 9.453 21.099 21.099z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="236.938"
x2="236.938"
y1="370.658"
y2="176.577"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e8efee" />
</linearGradient>
<path
d="M350.931 457.142H75.956c-11.652 0-21.099-9.446-21.099-21.099V99.868c0-11.652 9.446-21.099 21.099-21.099h360.087c11.652 0 21.099 9.446 21.099 21.099v256.588c0 3.229-1.27 6.327-3.536 8.628l-82.304 83.533a28.601 28.601 0 0 1-20.371 8.525z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="236.938"
x2="236.938"
y1="116.597"
y2="90.528"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c2cece" stop-opacity="0" />
<stop offset=".179" stop-color="#afbcbc" stop-opacity=".179" />
<stop offset="1" stop-color="#5b6a6a" />
</linearGradient>
<path
d="M457.142 419.165v16.879c0 11.647-9.453 21.099-21.099 21.099H75.956c-11.647 0-21.099-9.453-21.099-21.099v-16.879h402.285z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="236.938"
x2="236.938"
y1="431.697"
y2="421.147"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c2cece" />
<stop offset="1" stop-color="#97aaaa" />
</linearGradient>
<path
d="M353.055 40.791h-55.574C297.101 18.202 278.674 0 256 0c-22.674 0-41.101 18.202-41.481 40.791h-55.574c-11.647 0-21.099 9.452-21.099 21.099v28.132c0 11.647 9.452 21.099 21.099 21.099h194.11c11.647 0 21.099-9.453 21.099-21.099V61.89c0-11.647-9.452-21.099-21.099-21.099zM256 57.67c-8.932 0-16.176-7.244-16.176-16.176S247.068 25.318 256 25.318c8.932 0 16.176 7.244 16.176 16.176S264.932 57.67 256 57.67z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="236.938"
x2="236.938"
y1="324.517"
y2="52.127"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c2cece" stop-opacity="0" />
<stop offset=".179" stop-color="#afbcbc" stop-opacity=".179" />
<stop offset="1" stop-color="#5b6a6a" />
</linearGradient>
<path
d="M457.142 278.506V99.868c0-11.652-9.446-21.099-21.099-21.099H75.956c-11.652 0-21.099 9.446-21.099 21.099v178.638c.001 1.281 402.285 0 402.285 0z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="331.788"
x2="86.148"
y1="355.308"
y2="600.958"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c2cece" stop-opacity="0" />
<stop offset=".179" stop-color="#afbcbc" stop-opacity=".179" />
<stop offset="1" stop-color="#5b6a6a" />
</linearGradient>
<path
d="M457.142 140.659v275.693L149.099 108.307V78.769h246.153z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="236.938"
x2="236.938"
y1="472.695"
y2="385.918"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c2cece" />
<stop offset="1" stop-color="#97aaaa" />
</linearGradient>
<path
d="M353.055 40.791h-55.574C297.101 18.202 278.674 0 256 0c-22.674 0-41.101 18.202-41.481 40.791h-55.574c-11.647 0-21.099 9.452-21.099 21.099v28.132c0 11.647 9.452 21.099 21.099 21.099h194.11c11.647 0 21.099-9.453 21.099-21.099V61.89c0-11.647-9.452-21.099-21.099-21.099zM256 57.67c-8.932 0-16.176-7.244-16.176-16.176S247.068 25.318 256 25.318c8.932 0 16.176 7.244 16.176 16.176S264.932 57.67 256 57.67z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="256.034"
x2="-4.926"
y1="469.152"
y2="454.692"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c2cece" stop-opacity="0" />
<stop offset="1" stop-color="#97aaaa" />
</linearGradient>
<path
d="M353.055 40.791h-55.574C297.101 18.202 278.674 0 256 0c-22.674 0-41.101 18.202-41.481 40.791h-55.574c-11.647 0-21.099 9.452-21.099 21.099v28.132c0 11.647 9.452 21.099 21.099 21.099h194.11c11.647 0 21.099-9.453 21.099-21.099V61.89c0-11.647-9.452-21.099-21.099-21.099zM256 57.67c-8.932 0-16.176-7.244-16.176-16.176S247.068 25.318 256 25.318c8.932 0 16.176 7.244 16.176 16.176S264.932 57.67 256 57.67z"
fill="url(#m)"
/>
<path
d="M120.267 184.267h271.467v15.472H120.267zM120.267 243.339h271.467v15.472H120.267zM120.267 302.421h271.467v15.472H120.267zM120.267 361.493h214.507v15.472H120.267z"
fill="#c2cece"
/>
<linearGradient
id="n"
x1="257.895"
x2="217.375"
y1="468.837"
y2="496.564"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c2cece" stop-opacity="0" />
<stop offset="1" stop-color="#97aaaa" />
</linearGradient>
<path
d="M278.154 44.307c0 10.493-8.496 18.989-18.989 18.989-10.283 0-18.638-8.144-18.975-18.342 1.589 7.273 8.06 12.716 15.81 12.716 8.932 0 16.176-7.244 16.176-16.176 0-8.412-6.428-15.332-14.628-16.106.534-.043 1.069-.07 1.618-.07 10.492 0 18.988 8.496 18.988 18.989z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="339.401"
x2="378.381"
y1="174.443"
y2="135.463"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e8efee" />
</linearGradient>
<path
d="M456.063 361.494s-.624 1.765-3.077 4.22c-.911.911-81.199 82.411-81.199 82.411a30.242 30.242 0 0 1-21.545 9.018c6.992 0 12.659-5.668 12.659-12.659v-61.89c0-11.652 9.446-21.099 21.099-21.099h72.063z"
fill="url(#o)"
/>
</svg>
More icons in the same style and category