Add icons to this collection by clicking the heart icon.
Notepad icon - also known as interface, notebook, note, writing, Tools and utensils, writing tool, notepad, and business and finance. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-48.795"
x2="-.255"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".342" stop-color="#ed683c" />
<stop offset=".713" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M400 24h-56V0h-16v24h-48V0h-16v24h-48V0h-16v24h-48V0h-16v24H80a8 8 0 0 0-8 8v440a8 8 0 0 0 8 8h320a8 8 0 0 0 8-8V32a8 8 0 0 0-8-8zm-8 440H88V40h48v9.472c-12.497 4.418-19.046 18.131-14.627 30.627 4.418 12.497 18.131 19.046 30.627 14.627 12.497-4.418 19.046-18.131 14.627-30.627A23.998 23.998 0 0 0 152 49.472V40h48v9.472c-12.497 4.418-19.046 18.131-14.627 30.627 4.418 12.497 18.131 19.046 30.627 14.627 12.497-4.418 19.046-18.131 14.627-30.627A23.998 23.998 0 0 0 216 49.472V40h48v9.472c-12.497 4.418-19.046 18.131-14.627 30.627S267.503 99.145 280 94.727c12.497-4.418 19.046-18.131 14.627-30.627A23.998 23.998 0 0 0 280 49.473V40h48v9.472c-12.497 4.418-19.046 18.131-14.627 30.627S331.503 99.145 344 94.727c12.497-4.418 19.046-18.131 14.627-30.627A23.998 23.998 0 0 0 344 49.473V40h48v424zM152 72a8 8 0 1 1-16 0 8 8 0 0 1 16 0zm64 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0zm64 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0zm64 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-48.795"
x2="-.255"
y1="566.625"
y2="566.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".342" stop-color="#ed683c" />
<stop offset=".713" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M120 400h240v16H120v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-48.795"
x2="-.255"
y1="574.625"
y2="574.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".342" stop-color="#ed683c" />
<stop offset=".713" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M120 336h240v16H120v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-48.795"
x2="-.255"
y1="582.625"
y2="582.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".342" stop-color="#ed683c" />
<stop offset=".713" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M120 272h240v16H120v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-48.795"
x2="-.255"
y1="590.625"
y2="590.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".342" stop-color="#ed683c" />
<stop offset=".713" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M120 208h240v16H120v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-48.795"
x2="-.255"
y1="598.625"
y2="598.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".342" stop-color="#ed683c" />
<stop offset=".713" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M120 144h240v16H120v-16z" fill="url(#f)" />
</svg>
More icons in the same style and category