Add icons to this collection by clicking the heart icon.
Notepad icon - also known as interface, education, notebook, note, writing, writing tool, ui, and notepad. Created in a clean flat 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 128 128"
>
<linearGradient
id="a"
x1="110.851"
x2="37.62"
y1="112.121"
y2="38.89"
gradientUnits="userSpaceOnUse"
>
<stop offset=".061" stop-color="#fff" stop-opacity="0" />
<stop offset=".162" stop-color="#cdcdcd" stop-opacity=".108" />
<stop offset=".284" stop-color="#979797" stop-opacity=".237" />
<stop offset=".407" stop-color="#696969" stop-opacity=".369" />
<stop offset=".53" stop-color="#434343" stop-opacity=".499" />
<stop offset=".651" stop-color="#262626" stop-opacity=".628" />
<stop offset=".771" stop-color="#111" stop-opacity=".756" />
<stop offset=".888" stop-color="#040404" stop-opacity=".881" />
<stop offset="1" />
</linearGradient>
<path
fill="#44c4a1"
d="M128 64c0 35.4-28.7 64-64 64-2.9 0-5.7-.2-8.5-.6C24.2 123.3 0 96.5 0 64 0 28.7 28.7 0 64 0c33.4 0 60.9 25.6 63.8 58.3.1 1.9.2 3.8.2 5.7z"
/>
<path
fill="url(#a)"
d="M128 64c0 35.4-28.7 64-64 64-2.9 0-5.7-.2-8.5-.6L32 103.9l38.5-46.8-23.2-25.5 2.1-9.6 17.5 17.5L64 33l1.2-11 14.2 14.1L81 22l10 10 4.7-5.7 32 32c.2 1.9.3 3.8.3 5.7z"
opacity=".2"
/>
<path
fill="#fcd462"
d="M97.5 30v70.6c0 2.7-2.2 4.9-4.9 4.9H35.4c-2.7 0-4.9-2.2-4.9-4.9V30c0-2.7 2.2-4.8 4.9-4.8h57.3c2.6 0 4.8 2.2 4.8 4.8z"
/>
<path
fill="#d5d6db"
d="M36.6 25.3v72c0 1.4 1.1 2.5 2.5 2.5h49.7c1.4 0 2.5-1.1 2.5-2.5v-72z"
/>
<path
fill="#ebf0f3"
d="M91.4 25.2v68.9c0 1.4-1.1 2.5-2.5 2.5H39.2c-1.4 0-2.5-1.1-2.5-2.5V25.2z"
/>
<path
fill="#fff"
d="M91.4 25.2V91c0 1.4-1.1 2.5-2.5 2.5H39.2c-1.4 0-2.5-1.1-2.5-2.5V25.2z"
/>
<circle cx="48.2" cy="32.4" r="2.6" fill="#3a556a" />
<path
fill="#64798a"
d="M48.2 21.4c-.8 0-1.5.7-1.5 1.5v9.2c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5v-9.2c0-.8-.7-1.5-1.5-1.5z"
/>
<circle cx="64" cy="32.4" r="2.6" fill="#3a556a" />
<path
fill="#64798a"
d="M64 21.4c-.8 0-1.5.7-1.5 1.5v9.2c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5v-9.2c0-.8-.7-1.5-1.5-1.5z"
/>
<circle cx="79.8" cy="32.4" r="2.6" fill="#3a556a" />
<path
fill="#64798a"
d="M79.8 21.4c-.8 0-1.5.7-1.5 1.5v9.2c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5v-9.2c0-.8-.7-1.5-1.5-1.5z"
/>
<g fill="#ebf0f3">
<path
d="M44.7 43.4h38.7v3.3H44.7zM44.7 54.6h38.7v3.3H44.7zM44.7 65.8h38.7v3.3H44.7zM44.7 77h38.7v3.3H44.7z"
/>
</g>
</svg>
More icons in the same style and category