Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, book, bookmark, notebook, notes, and agenda. 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="-3.26"
x2="496.61"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7738c8" />
<stop offset="1" stop-color="#461d93" />
</linearGradient>
<linearGradient
id="b"
x1="-3.26"
x2="496.61"
y1="342.5"
y2="342.5"
href="#a"
/>
<linearGradient
id="c"
x1="-3.26"
x2="496.61"
y1="357.5"
y2="357.5"
href="#a"
/>
<linearGradient
id="d"
x1="-3.26"
x2="496.61"
y1="327.5"
y2="327.5"
href="#a"
/>
<linearGradient
id="e"
x1="-3.26"
x2="496.61"
y1="127.5"
y2="127.5"
href="#a"
/>
<linearGradient
id="f"
x1="-3.26"
x2="496.61"
y1="254.25"
y2="254.25"
href="#a"
/>
<linearGradient
id="g"
x1="-3.26"
x2="496.61"
y1="77.5"
y2="77.5"
href="#a"
/>
<path
fill="url(#a)"
d="M287.5 0H7.5A7.5 7.5 0 0 0 0 7.5v420a7.5 7.5 0 0 0 7.5 7.5H40v69.5a7.51 7.51 0 0 0 9.87 7.12l27.63-9.21 27.63 9.21a7.68 7.68 0 0 0 2.37.38 7.5 7.5 0 0 0 7.5-7.5V435h172.5a47.56 47.56 0 0 0 47.5-47.5v-340A47.56 47.56 0 0 0 287.5 0zM15 15h225v405H15zm85 479.09-20.13-6.71a7.53 7.53 0 0 0-4.74 0L55 494.09V435h45zM320 387.5a32.54 32.54 0 0 1-32.5 32.5H255V15h32.5A32.54 32.54 0 0 1 320 47.5z"
/>
<path
fill="url(#b)"
d="M207.5 290h-160a7.5 7.5 0 0 0-7.5 7.5v90a7.5 7.5 0 0 0 7.5 7.5h160a7.5 7.5 0 0 0 7.5-7.5v-90a7.5 7.5 0 0 0-7.5-7.5zm-7.5 90H55v-75h145z"
/>
<path
fill="url(#c)"
d="M77.5 365h100a7.5 7.5 0 0 0 0-15h-100a7.5 7.5 0 0 0 0 15z"
/>
<path
fill="url(#d)"
d="M77.5 335h100a7.5 7.5 0 0 0 0-15h-100a7.5 7.5 0 0 0 0 15z"
/>
<path
fill="url(#e)"
d="M207.5 40h-160a7.5 7.5 0 0 0-7.5 7.5v160a7.5 7.5 0 0 0 7.5 7.5h160a7.5 7.5 0 0 0 7.5-7.5v-160a7.5 7.5 0 0 0-7.5-7.5zM200 55v115H55V55zM55 200v-15h145v15z"
/>
<path
fill="url(#f)"
d="M484.5 90H472V77.5a17.52 17.52 0 0 0-10-15.79V22.5a22.5 22.5 0 0 0-45 0v39.21a17.52 17.52 0 0 0-10 15.79v220a7.5 7.5 0 0 0 7.5 7.5v131.27a136.06 136.06 0 0 0 18.5 68.51 7.5 7.5 0 0 0 13 0 136.06 136.06 0 0 0 18.52-68.51V305a7.5 7.5 0 0 0 7.5-7.5V105h12.5A12.52 12.52 0 0 1 497 117.5v70a7.5 7.5 0 0 0 15 0v-70A27.54 27.54 0 0 0 484.5 90zM422 290v-35h35v35zm0-50V77.5a2.5 2.5 0 0 1 2.5-2.5h30a2.5 2.5 0 0 1 2.5 2.5V240zm17.5-225a7.5 7.5 0 0 1 7.5 7.5V60h-15V22.5a7.5 7.5 0 0 1 7.5-7.5zm0 469.42a121.09 121.09 0 0 1-10-48.15V408.5h20v27.77a121.09 121.09 0 0 1-10 48.15zm10-90.92h-20V305h20z"
/>
<g fill="url(#g)">
<path
d="M77.5 85h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15zM162.5 85h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15z"
/>
</g>
</svg>
More icons in the same style and category