Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, study, write, notebook, notes, pencil, planning, organization, plan, and lecture. 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 512 512"
>
<linearGradient
id="a"
x1="-7.85"
x2="487.27"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7738c8" />
<stop offset="1" stop-color="#461d93" />
</linearGradient>
<linearGradient
id="b"
x1="-7.85"
x2="487.27"
y1="182.5"
y2="182.5"
href="#a"
/>
<linearGradient
id="c"
x1="-7.85"
x2="487.27"
y1="177.5"
y2="177.5"
href="#a"
/>
<linearGradient
id="d"
x1="-7.85"
x2="487.27"
y1="217.5"
y2="217.5"
href="#a"
/>
<linearGradient id="e" x1="-7.85" x2="487.27" y1="306" y2="306" href="#a" />
<linearGradient id="f" x1="-7.85" x2="487.27" y1="301" y2="301" href="#a" />
<linearGradient id="g" x1="-7.85" x2="487.27" y1="341" y2="341" href="#a" />
<linearGradient
id="h"
x1="-7.85"
x2="487.27"
y1="429.5"
y2="429.5"
href="#a"
/>
<linearGradient
id="i"
x1="-7.85"
x2="487.27"
y1="424.5"
y2="424.5"
href="#a"
/>
<linearGradient
id="j"
x1="-7.85"
x2="487.27"
y1="464.5"
y2="464.5"
href="#a"
/>
<linearGradient
id="k"
x1="-7.85"
x2="487.27"
y1="284.5"
y2="284.5"
href="#a"
/>
<path
fill="url(#a)"
d="M377.5 50H350V22.5a22.5 22.5 0 0 0-45 0V50h-45V22.5a22.5 22.5 0 0 0-45 0V50h-45V22.5a22.5 22.5 0 0 0-45 0V50H80V22.5a22.5 22.5 0 0 0-45 0V50H7.5A7.5 7.5 0 0 0 0 57.5v447a7.5 7.5 0 0 0 7.5 7.5h370a7.5 7.5 0 0 0 7.5-7.5v-447a7.5 7.5 0 0 0-7.5-7.5zM320 22.5a7.5 7.5 0 0 1 15 0V50h-15zm-90 0a7.5 7.5 0 0 1 15 0V50h-15zm-90 0a7.5 7.5 0 0 1 15 0V50h-15zm-90 0a7.5 7.5 0 0 1 15 0V50H50zM370 65v35H15V65zM15 497V115h355v382z"
/>
<path
fill="url(#b)"
d="M117.5 140h-70a7.5 7.5 0 0 0-7.5 7.5v70a7.5 7.5 0 0 0 7.5 7.5h70a7.5 7.5 0 0 0 7.5-7.5v-70a7.5 7.5 0 0 0-7.5-7.5zm-7.5 70H55v-55h55z"
/>
<path
fill="url(#c)"
d="M337.5 170h-140a7.5 7.5 0 0 0 0 15h140a7.5 7.5 0 0 0 0-15zM157.5 185h10a7.5 7.5 0 0 0 0-15h-10a7.5 7.5 0 0 0 0 15z"
/>
<path
fill="url(#d)"
d="M337.5 210h-180a7.5 7.5 0 0 0 0 15h180a7.5 7.5 0 0 0 0-15z"
/>
<path
fill="url(#e)"
d="M117.5 263.5h-70A7.5 7.5 0 0 0 40 271v70a7.5 7.5 0 0 0 7.5 7.5h70a7.5 7.5 0 0 0 7.5-7.5v-70a7.5 7.5 0 0 0-7.5-7.5zm-7.5 70H55v-55h55z"
/>
<path
fill="url(#f)"
d="M337.5 293.5h-140a7.5 7.5 0 0 0 0 15h140a7.5 7.5 0 0 0 0-15zM157.5 308.5h10a7.5 7.5 0 0 0 0-15h-10a7.5 7.5 0 0 0 0 15z"
/>
<path
fill="url(#g)"
d="M337.5 333.5h-180a7.5 7.5 0 0 0 0 15h180a7.5 7.5 0 0 0 0-15z"
/>
<path
fill="url(#h)"
d="M117.5 387h-70a7.5 7.5 0 0 0-7.5 7.5v70a7.5 7.5 0 0 0 7.5 7.5h70a7.5 7.5 0 0 0 7.5-7.5v-70a7.5 7.5 0 0 0-7.5-7.5zm-7.5 70H55v-55h55z"
/>
<path
fill="url(#i)"
d="M337.5 417h-140a7.5 7.5 0 0 0 0 15h140a7.5 7.5 0 0 0 0-15zM157.5 432h10a7.5 7.5 0 0 0 0-15h-10a7.5 7.5 0 0 0 0 15z"
/>
<path
fill="url(#j)"
d="M337.5 457h-180a7.5 7.5 0 0 0 0 15h180a7.5 7.5 0 0 0 0-15z"
/>
<path
fill="url(#k)"
d="M484.5 57h-20A27.54 27.54 0 0 0 437 84.5v380a7.53 7.53 0 0 0 1.5 4.5l30 40a7.5 7.5 0 0 0 12 0l30-40a7.53 7.53 0 0 0 1.5-4.5v-380A27.54 27.54 0 0 0 484.5 57zM482 445.17V132h15v317.94a49.54 49.54 0 0 0-15-4.77zm-15 0a49.54 49.54 0 0 0-15 4.77V132h15zM464.5 72h20A12.52 12.52 0 0 1 497 84.5V117h-45V84.5A12.52 12.52 0 0 1 464.5 72zm10 420-19.73-26.31a35 35 0 0 1 39.46 0z"
/>
</svg>
More icons in the same style and category