Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, write, notebook, pencil, note, notepad, 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="b"
x1="1298.82"
x2="1555.54"
y1="644.69"
y2="644.69"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e87ea2" />
<stop offset="1" stop-color="#fcd3a5" />
</linearGradient>
<linearGradient
id="a"
x1="926.98"
x2="1055.3"
y1="1443.07"
y2="1443.07"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c73c5b" />
<stop offset="1" stop-color="#a32f60" />
</linearGradient>
<linearGradient
id="g"
x1="356.45"
x2="957.92"
y1="1496.21"
y2="1496.21"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="151.14"
x2="1306.92"
y1="914.17"
y2="914.17"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="927"
x2="1154.3"
y1="1371.91"
y2="1371.91"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="330.46"
x2="479.03"
y1="137.63"
y2="137.63"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="387.69"
x2="1066.49"
y1="1001.63"
y2="1001.63"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="356.45"
x2="877.51"
y1="1248.92"
y2="1248.92"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="1055.25"
x2="1411.98"
y1="996.24"
y2="996.24"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="926.98"
x2="1555.54"
y1="1022.5"
y2="1022.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1=".001%"
x2="100%"
y1="50%"
y2="50%"
gradientUnits="objectBoundingBox"
href="#a"
/>
<linearGradient
id="m"
x1="979"
x2="1127.59"
y1="137.62"
y2="137.62"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="654.74"
x2="803.3"
y1="137.62"
y2="137.62"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#c)"
d="M1254.75 1706.18H203.29c-28.77 0-52.17-23.41-52.17-52.18V174.33c0-28.76 23.4-52.17 52.17-52.17h127.17v78.31c0 40.96 33.33 74.28 74.29 74.28s74.28-33.32 74.28-74.28v-78.31h175.7v78.31c0 40.96 33.33 74.28 74.3 74.28 40.95 0 74.28-33.32 74.28-74.28v-78.3h175.7v78.3c0 40.96 33.33 74.28 74.29 74.28s74.29-33.32 74.3-74.28v-78.3h127.16c28.75 0 52.17 23.4 52.17 52.17 0 500.92-.02 978.18-.02 1479.67.02 28.77-23.4 52.17-52.15 52.17z"
/>
<path
fill="url(#d)"
d="M1081.85 527.06H376.2c-26.33 0-26.33-40 0-40h705.65c26.33 0 26.33 40 0 40zM1081.85 774.34H376.2c-26.33 0-26.33-40 0-40h705.65c26.33 0 26.33 40 0 40z"
/>
<path
fill="url(#e)"
d="M1046.72 1021.63h-639.3c-26.33 0-26.33-40 0-40h639.31c26.33 0 26.33 40-.02 40z"
/>
<path
fill="url(#f)"
d="M857.76 1268.92H376.2c-26.33 0-26.33-40 0-40h481.56c26.32 0 26.33 40 0 40z"
/>
<path
fill="url(#g)"
d="M938.17 1516.21H376.19c-26.33 0-26.33-40 0-40h561.98c26.33 0 26.33 40 0 40z"
/>
<path
fill="url(#h)"
d="M1494.86 543.75c-57.98-33.47-132.37-13.54-165.84 44.43l-384.46 665.91c-4.02 6.96-15.8 222.27-17.55 249.09-.72 11.07 11.64 18.21 20.87 12.05 22.33-14.91 202.94-132.79 206.95-139.74l384.47-665.92c33.49-57.96 13.55-132.35-44.43-165.82z"
/>
<path
fill="url(#a)"
d="M1008.7 1385.78c-11.87-6.85-71.98-32.19-73.79-4.39l-7.9 121.8c-.72 11.07 11.63 18.21 20.87 12.05l101.54-67.74c23.19-15.45-28.84-54.86-40.71-61.72z"
/>
<path
fill="url(#i)"
d="m1405.25 792.05-80.63-46.56c-6.43-3.71-14.65-1.5-18.36 4.92l-249.22 431.66c-3.71 6.43-1.5 14.65 4.92 18.35l80.63 46.56c6.43 3.71 14.65 1.5 18.35-4.92l249.22-431.66c3.71-6.41 1.5-14.65-4.92-18.35z"
/>
<path
fill="url(#j)"
d="M927 1503.18c1.72-26.39 13.16-235.3 17.35-248.6l77.17-24.05 12.23 57.08 45.05-19.24 2.55 51.57 51.59-23.56 21.36 79.72c-10.97 11.07-172.35 116.56-203.51 137.18l98.63-65.8c23.19-15.45-28.84-54.86-40.71-61.72-11.87-6.85-71.98-32.19-73.79-4.39l-7.91 121.8z"
/>
<path
fill="url(#b)"
d="m1298.82 640.48 30.19-52.3c33.47-57.97 107.87-77.9 165.84-44.43 57.98 33.47 77.92 107.85 44.43 165.82l-30.2 52.3-210.27-121.4z"
/>
<path
fill="url(#k)"
d="M729.02 274.76c-40.96 0-74.3-33.32-74.3-74.28V73.81c0-97.75 148.57-97.78 148.57 0v126.67c0 40.96-33.32 74.28-74.28 74.28z"
/>
<path
fill="url(#l)"
d="M404.75 274.76c-40.96 0-74.29-33.32-74.29-74.28V73.81c0-97.77 148.57-97.74 148.57 0v126.67c0 40.96-33.32 74.28-74.28 74.28z"
/>
<path
fill="url(#m)"
d="M1053.3 274.76c-40.96 0-74.29-33.32-74.29-74.28V73.81c0-97.76 148.59-97.76 148.59 0v126.67c0 40.96-33.34 74.28-74.3 74.28z"
/>
</g>
</svg>
More icons in the same style and category