Add icons to this collection by clicking the heart icon.
Notebook icon - also known as notebook, education, notepad, writing tool, and files and folders. 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 1706.66 1706.66"
>
<linearGradient
id="id0"
gradientUnits="userSpaceOnUse"
x1="909.15"
x2="1053.07"
y1="157.17"
y2="157.17"
>
<stop offset="0" stop-color="#e87ea2" />
<stop offset="1" stop-color="#fcd3a5" />
</linearGradient>
<linearGradient
id="id1"
gradientUnits="userSpaceOnUse"
x1="218.28"
x2="1488.43"
y1="402.95"
y2="402.95"
href="#id0"
/>
<linearGradient
id="id2"
gradientUnits="userSpaceOnUse"
x1="218.26"
x2="1488.44"
y1="921.44"
y2="921.44"
>
<stop offset="0" stop-color="#c73c5b" />
<stop offset="1" stop-color="#a32f60" />
</linearGradient>
<linearGradient
id="id3"
gradientUnits="userSpaceOnUse"
x1="503.16"
x2="1292.83"
y1="1387.93"
y2="1387.93"
href="#id0"
/>
<linearGradient
id="id4"
gradientUnits="userSpaceOnUse"
x1="1164.75"
x2="1308.67"
y1="157.17"
y2="157.17"
href="#id0"
/>
<linearGradient
id="id5"
gradientUnits="userSpaceOnUse"
x1="653.57"
x2="797.47"
y1="157.17"
y2="157.17"
href="#id0"
/>
<linearGradient
id="id6"
gradientUnits="userSpaceOnUse"
x1="397.98"
x2="541.87"
y1="157.17"
y2="157.17"
href="#id0"
/>
<linearGradient
id="id7"
gradientUnits="objectBoundingBox"
x1=".004%"
x2="100%"
y1="50%"
y2="50%"
href="#id0"
/>
<linearGradient
id="id8"
gradientUnits="userSpaceOnUse"
x1="413.84"
x2="1292.83"
y1="614.91"
y2="614.91"
href="#id0"
/>
<g fill-rule="evenodd">
<g id="Layer_x0020_1">
<path
d="m1401.93 1706.18h-1097.2c-47.69 0-86.5-38.8-86.5-86.51v-1396.46c0-47.69 38.8-86.5 86.5-86.5h1097.2c47.7 0 86.51 38.8 86.51 86.5v1396.47c-.02 47.69-38.8 86.5-86.51 86.5z"
fill="url(#id2)"
/>
<path d="m218.22 422.95v-40h1270.22v40z" fill="url(#id1)" />
<path
d="m1236.72 313.86c-39.67 0-71.97-32.28-71.97-71.96v-170.38c0-94.7 143.93-94.72 143.93 0v170.4c0 39.67-32.28 71.94-71.96 71.94z"
fill="url(#id4)"
/>
<path
d="m981.12 313.86c-39.67 0-71.97-32.28-71.97-71.96v-170.38c0-94.7 143.93-94.72 143.93 0v170.4c0 39.67-32.28 71.94-71.96 71.94z"
fill="url(#id0)"
/>
<path
d="m725.52 313.86c-39.67 0-71.96-32.28-71.96-71.96v-170.38c0-94.7 143.91-94.7 143.91 0v170.4c0 39.67-32.28 71.94-71.95 71.94z"
fill="url(#id5)"
/>
<path
d="m469.93 313.86c-39.68 0-71.95-32.28-71.95-71.96v-170.38c0-94.7 143.89-94.71 143.89 0v170.4c0 39.67-32.28 71.94-71.94 71.94z"
fill="url(#id6)"
/>
<path
d="m1273.08 634.9h-839.53c-26.33 0-26.33-40 0-40h839.53c26.33 0 26.33 40 0 40z"
fill="url(#id8)"
/>
<path
d="m1273.08 892.57h-839.53c-26.33 0-26.33-40 0-40h839.53c26.33 0 26.33 40 0 40z"
fill="url(#id7)"
/>
<path
d="m1273.08 1150.26h-839.53c-26.33 0-26.33-40 0-40h839.53c26.33 0 26.33 40 0 40z"
fill="url(#id7)"
/>
<path
d="m1273.08 1407.93h-750.2c-26.33 0-26.33-40 0-40h750.2c26.33 0 26.33 40 0 40z"
fill="url(#id3)"
/>
</g>
</g>
</svg>
More icons in the same style and category