Add icons to this collection by clicking the heart icon.
Notepad icon - also known as notebook, dollar, writing tool, notepad, budget, and business and finance. Created in a clean outline 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 512 512"
>
<linearGradient
id="a"
x1="112.115"
x2="112.115"
y1="476.623"
y2="40.256"
gradientUnits="userSpaceOnUse"
>
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="476.623"
y2="40.256"
href="#a"
/>
<linearGradient
id="c"
x1="159.801"
x2="159.801"
y1="476.623"
y2="40.256"
href="#a"
/>
<linearGradient
id="d"
x1="248.807"
x2="248.807"
y1="476.623"
y2="40.256"
href="#a"
/>
<linearGradient
id="e"
x1="346.136"
x2="346.136"
y1="476.623"
y2="40.256"
href="#a"
/>
<linearGradient
id="f"
x1="342.179"
x2="342.179"
y1="476.629"
y2="40.262"
href="#a"
/>
<linearGradient
id="g"
x1="356.184"
x2="356.184"
y1="476.623"
y2="40.256"
href="#a"
/>
<linearGradient
id="h"
x1="296.828"
x2="296.828"
y1="476.623"
y2="40.256"
href="#a"
/>
<linearGradient
id="i"
x1="233.967"
x2="233.967"
y1="476.623"
y2="40.256"
href="#a"
/>
<linearGradient
id="j"
x1="244.141"
x2="244.141"
y1="476.629"
y2="40.262"
href="#a"
/>
<linearGradient
id="k"
x1="342.179"
x2="342.179"
y1="476.623"
y2="40.256"
href="#a"
/>
<linearGradient
id="l"
x1="244.141"
x2="244.141"
y1="476.623"
y2="40.256"
href="#a"
/>
<path
fill="url(#a)"
d="M106.115 199.9a6 6 0 0 0 12 0v-60.28a6 6 0 0 0-12 0zM112.115 118.1a6 6 0 0 0 6-6v-9.5a6 6 0 0 0-12 0v9.5a6 6 0 0 0 6 6z"
/>
<path
fill="url(#b)"
d="M401.107 61.892h-61.269V41.1a31.1 31.1 0 0 0-31.1-31.1H203.264a31.1 31.1 0 0 0-31.1 31.1v20.79h-61.271a29.54 29.54 0 0 0-29.541 29.543v304.552a6 6 0 0 0 12 0V91.433a17.541 17.541 0 0 1 17.541-17.541h61.269v6.973a6 6 0 0 0 6 6h155.676a6 6 0 0 0 6-6v-6.973h61.269a17.541 17.541 0 0 1 17.541 17.541v381.026A17.541 17.541 0 0 1 401.107 490H110.893a17.541 17.541 0 0 1-17.541-17.541v-26.474a6 6 0 0 0-12 0v26.474A29.54 29.54 0 0 0 110.893 502h290.214a29.54 29.54 0 0 0 29.541-29.541V91.433a29.54 29.54 0 0 0-29.541-29.541zm-73.269 12.973H184.162V41.1a19.123 19.123 0 0 1 19.1-19.1h105.474a19.123 19.123 0 0 1 19.1 19.1z"
/>
<path
fill="url(#c)"
d="M159.945 251.917c-.049 0-.095-.008-.144-.008s-.1.006-.145.008a14.271 14.271 0 0 1-14.114-14.252 6 6 0 0 0-12 0 26.3 26.3 0 0 0 20.258 25.559v6.753a6 6 0 0 0 12 0v-6.753a26.256 26.256 0 0 0-6-51.818 14.259 14.259 0 1 1 14.259-14.259 6 6 0 0 0 12 0 26.3 26.3 0 0 0-20.259-25.559v-5.83a6 6 0 1 0-12 0v5.83a26.256 26.256 0 0 0 6 51.818 14.256 14.256 0 0 1 .144 28.511z"
/>
<path
fill="url(#d)"
d="M285.118 183.59H212.5a6 6 0 0 0 0 12h72.623a6 6 0 0 0 0-12z"
/>
<path
fill="url(#e)"
d="M372.321 195.59a6 6 0 0 0 0-12H319.95a6 6 0 0 0 0 12z"
/>
<path
fill="url(#f)"
d="M305.9 218.629a6 6 0 0 0 6 6h60.559a6 6 0 0 0 0-12H311.9a6 6 0 0 0-6 6z"
/>
<path
fill="url(#g)"
d="M372.458 240.146H339.91a6 6 0 0 0 0 12h32.548a6 6 0 0 0 0-12z"
/>
<path
fill="url(#h)"
d="M280.364 246.146a6 6 0 0 0 6 6h20.927a6 6 0 0 0 0-12h-20.927a6 6 0 0 0-6 6z"
/>
<path
fill="url(#i)"
d="M213.705 240.146a6 6 0 0 0 0 12h40.524a6 6 0 0 0 0-12z"
/>
<path
fill="url(#j)"
d="M281.65 218.629a6 6 0 0 0-6-6h-63.018a6 6 0 0 0 0 12h63.018a6 6 0 0 0 6-6z"
/>
<path
fill="url(#c)"
d="M159.945 407.756c-.049 0-.095-.007-.144-.007s-.1.006-.145.007a14.271 14.271 0 0 1-14.114-14.251 6 6 0 0 0-12 0 26.3 26.3 0 0 0 20.258 25.559v6.752a6 6 0 0 0 12 0v-6.752a26.256 26.256 0 0 0-6-51.818 14.259 14.259 0 1 1 14.259-14.259 6 6 0 0 0 12 0 26.3 26.3 0 0 0-20.259-25.559V321.6a6 6 0 0 0-12 0v5.83a26.256 26.256 0 0 0 6 51.818 14.255 14.255 0 0 1 .144 28.51z"
/>
<path
fill="url(#d)"
d="M212.5 351.429h72.623a6 6 0 1 0 0-12H212.5a6 6 0 0 0 0 12z"
/>
<path
fill="url(#e)"
d="M372.321 351.429a6 6 0 0 0 0-12H319.95a6 6 0 1 0 0 12z"
/>
<path
fill="url(#k)"
d="M372.458 368.469H311.9a6 6 0 0 0 0 12h60.559a6 6 0 0 0 0-12z"
/>
<path
fill="url(#g)"
d="M372.458 395.985H339.91a6 6 0 1 0 0 12h32.548a6 6 0 0 0 0-12z"
/>
<path
fill="url(#h)"
d="M286.364 407.985h20.927a6 6 0 1 0 0-12h-20.927a6 6 0 1 0 0 12z"
/>
<path
fill="url(#i)"
d="M213.705 395.985a6 6 0 0 0 0 12h40.524a6 6 0 0 0 0-12z"
/>
<path
fill="url(#l)"
d="M281.65 374.469a6 6 0 0 0-6-6h-63.018a6 6 0 0 0 0 12h63.018a6 6 0 0 0 6-6z"
/>
</svg>
More icons in the same style and category