Add icons to this collection by clicking the heart icon.
Notes icon - also known as education, file, document, notes, paper, pen, edit, writing, essay, files and folders, and edit tools. Created in a clean 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 64 64"
>
<linearGradient
id="a"
x2="62.032"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient id="b" x2="62.032" y1="33.5" y2="33.5" href="#a" />
<linearGradient id="c" x2="62.032" y1="30" y2="30" href="#a" />
<linearGradient id="d" x2="62.032" y1="39" y2="39" href="#a" />
<linearGradient id="e" x2="62.032" y1="43" y2="43" href="#a" />
<linearGradient id="f" x2="62.032" y1="47" y2="47" href="#a" />
<linearGradient id="g" x2="62.032" y1="11" y2="11" href="#a" />
<linearGradient id="h" x2="62.032" y1="15" y2="15" href="#a" />
<linearGradient id="i" x2="62.032" y1="19" y2="19" href="#a" />
<linearGradient id="j" x2="62.032" y1="23" y2="23" href="#a" />
<linearGradient id="k" x2="62.032" y1="27" y2="27" href="#a" />
<linearGradient id="l" x2="62.032" y1="31" y2="31" href="#a" />
<linearGradient id="m" x2="62.032" y1="9" y2="9" href="#a" />
<linearGradient id="n" x2="62.032" y1="7" y2="7" href="#a" />
<g>
<path
fill="url(#a)"
d="M58 2H6v5H5a3 3 0 0 0-3 3v40a3 3 0 0 0 3 3h1v5h2v4h54V4h-4zM6 51H5a1 1 0 0 1 0-2h1zm0-4H5a2.991 2.991 0 0 0-1 .176V46a1 1 0 0 1 1-1h1zm0-4H5a2.966 2.966 0 0 0-1 .184V42a1 1 0 0 1 1-1h1zm0-4H5a2.966 2.966 0 0 0-1 .184V38a1 1 0 0 1 1-1h1zm0-4H5a2.966 2.966 0 0 0-1 .184V34a1 1 0 0 1 1-1h1zm0-4H5a2.966 2.966 0 0 0-1 .184V30a1 1 0 0 1 1-1h1zm0-4H5a2.966 2.966 0 0 0-1 .184V26a1 1 0 0 1 1-1h1zm0-4H5a2.966 2.966 0 0 0-1 .184V22a1 1 0 0 1 1-1h1zm0-4H5a2.966 2.966 0 0 0-1 .184V18a1 1 0 0 1 1-1h1zm0-4H5a2.966 2.966 0 0 0-1 .184V14a1 1 0 0 1 1-1h1zm0-4H5a2.966 2.966 0 0 0-1 .184V10a1 1 0 0 1 1-1h1zm2 42h2v-2H8v-2h2v-2H8v-2h2v-2H8v-2h2v-2H8v-2h2v-2H8v-2h2v-2H8v-2h2v-2H8v-2h2v-2H8v-2h2v-2H8v-2h2v-2H8v-2h2v-2H8V9h2V7H8V4h48v52H8zM60 6v54H10v-2h48V6z"
/>
<path
fill="url(#b)"
d="M53 14h-8a1 1 0 0 0-1 1v30a1.838 1.838 0 0 0 .03.242l1 4A1 1 0 0 0 46 50v2a1 1 0 0 0 2 0v-2a1 1 0 0 0 .97-.758l1-4A1.838 1.838 0 0 0 50 45V16h2v8a1 1 0 0 0 2 0v-9a1 1 0 0 0-1-1zm-5.781 34h-.438l-.5-2h1.438zM48 44h-2v-2h2zm0-4h-2V20h2zm0-22h-2v-2h2z"
/>
<path
fill="url(#c)"
d="M41 6H13a1 1 0 0 0-1 1v46a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm-1 46H14V36h26zm0-18H14V8h26z"
/>
<path fill="url(#d)" d="M16 38h5v2h-5zM24 38h14v2H24z" />
<path fill="url(#e)" d="M24 42h13v2H24z" />
<path fill="url(#f)" d="M24 46h5v2h-5zM31 46h7v2h-7z" />
<path fill="url(#g)" d="M16 10h5v2h-5zM24 10h13v2H24z" />
<path fill="url(#h)" d="M24 14h5v2h-5zM31 14h7v2h-7z" />
<path fill="url(#i)" d="M16 18h5v2h-5zM24 18h9v2h-9z" />
<path fill="url(#j)" d="M24 22h14v2H24z" />
<path fill="url(#k)" d="M24 26h5v2h-5zM31 26h5v2h-5z" />
<path fill="url(#l)" d="M16 30h5v2h-5zM24 30h14v2H24z" />
<path fill="url(#m)" d="M53 6h-5v2h4v4h2V7a1 1 0 0 0-1-1z" />
<path fill="url(#n)" d="M44 6h2v2h-2z" />
</g>
</svg>
More icons in the same style and category