Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, study, write, notebook, pencil, workbook, note, planning, organization, lecture, and ui. 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="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ee0979" />
<stop offset="1" stop-color="#ff6a00" />
</linearGradient>
<linearGradient
id="b"
x1="-19.571"
x2="399.571"
y1="484.571"
y2="65.429"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="122.929"
x2="257.071"
y1="267.071"
y2="132.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="122.929"
x2="257.071"
y1="347.071"
y2="212.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="122.929"
x2="257.071"
y1="427.071"
y2="292.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="338.012"
x2="581.988"
y1="391.822"
y2="147.846"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M370 40h-35V10c0-5.523-4.478-10-10-10s-10 4.477-10 10v30h-25V10c0-5.523-4.478-10-10-10s-10 4.477-10 10v30h-25V10c0-5.523-4.477-10-10-10s-10 4.477-10 10v30h-25V10c0-5.523-4.477-10-10-10s-10 4.477-10 10v30h-25V10c0-5.523-4.477-10-10-10s-10 4.477-10 10v30h-25V10c0-5.523-4.477-10-10-10S90 4.477 90 10v30H65V10c0-5.523-4.477-10-10-10S45 4.477 45 10v30H10C4.477 40 0 44.477 0 50v450c0 5.522 4.477 10 10 10h360c5.522 0 10-4.478 10-10V50c0-5.523-4.478-10-10-10zm-10 450H20v-30h340zm0-50H20V150h340zm0-310H20V60h25v30c0 5.523 4.477 10 10 10s10-4.477 10-10V60h25v30c0 5.523 4.477 10 10 10s10-4.477 10-10V60h25v30c0 5.523 4.477 10 10 10s10-4.477 10-10V60h25v30c0 5.523 4.477 10 10 10s10-4.477 10-10V60h25v30c0 5.523 4.477 10 10 10s10-4.477 10-10V60h25v30c0 5.523 4.478 10 10 10s10-4.477 10-10V60h25v30c0 5.523 4.478 10 10 10s10-4.477 10-10V60h25z"
/>
<path
fill="url(#c)"
d="M70 210h240c5.522 0 10-4.477 10-10s-4.478-10-10-10H70c-5.523 0-10 4.477-10 10s4.477 10 10 10z"
/>
<path
fill="url(#d)"
d="M70 290h240c5.522 0 10-4.478 10-10s-4.478-10-10-10H70c-5.523 0-10 4.478-10 10s4.477 10 10 10z"
/>
<path
fill="url(#e)"
d="M70 370h240c5.522 0 10-4.478 10-10s-4.478-10-10-10H70c-5.523 0-10 4.478-10 10s4.477 10 10 10z"
/>
<path
fill="url(#f)"
d="M500 70h-80c-5.522 0-10 4.477-10 10v355c0 1.83.525 3.683 1.483 5.241l40 65c5.678 6.345 11.355 6.345 17.033 0l40-65A10.108 10.108 0 0 0 510 435V80c0-5.523-4.478-10-10-10zm-70 90h20v265h-20zm30 320.92L437.895 445h44.209zM490 425h-20V160h20zm0-285h-60V90h60z"
/>
</svg>
More icons in the same style and category