Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, book, diary, notebook, school, pen, agenda, and school material. 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 64 64"
>
<linearGradient
id="d"
x1="8"
x2="48"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#da5466" />
<stop offset="1" stop-color="#f4929c" />
</linearGradient>
<linearGradient
id="b"
x1="19"
x2="48"
y1="47.5"
y2="47.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#949aaf" />
<stop offset="1" stop-color="#c6ccda" />
</linearGradient>
<linearGradient
id="a"
x1="18.01"
x2="37.99"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#474f72" />
<stop offset="1" stop-color="#878c9f" />
</linearGradient>
<linearGradient id="e" x1="20.01" x2="35.99" y1="18" y2="18" href="#a" />
<linearGradient
id="f"
x1="51"
x2="57"
y1="33"
y2="33"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbcc88" />
<stop offset="1" stop-color="#ffe5c3" />
</linearGradient>
<linearGradient id="g" x1="50" x2="64" y1="22" y2="22" href="#b" />
<linearGradient
id="c"
x1="51"
x2="57"
y1="5"
y2="5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9a254" />
<stop offset="1" stop-color="#f4bb79" />
</linearGradient>
<linearGradient id="h" x1="53" x2="55" y1="61" y2="61" href="#a" />
<linearGradient
id="i"
x1="51"
x2="57"
y1="58"
y2="58"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4d8e1" />
<stop offset="1" stop-color="#f3f4f5" />
</linearGradient>
<linearGradient id="j" x1="53" x2="55" y1="32" y2="32" href="#c" />
<g>
<path fill="url(#d)" d="M8 2h38a2 2 0 0 1 2 2v56a2 2 0 0 1-2 2H8V2z" />
<path fill="#cf4055" d="M6 2h2v60H6a6 6 0 0 1-6-6V8a6 6 0 0 1 6-6z" />
<path fill="url(#b)" d="M48 33v8.85L28 62h-9z" />
<rect width="26" height="14" x="15" y="9" fill="#d7f1ff" rx="1" />
<path fill="url(#a)" d="M37 14H19a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2z" />
<path fill="url(#e)" d="M35 19H21a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M51 10h6v46h-6z" />
<path
fill="url(#g)"
d="M63 36a1 1 0 0 1-.71-.29A11.2 11.2 0 0 1 59 27.76V12a2 2 0 0 0-2-2h-6a1 1 0 0 1 0-2h6a4 4 0 0 1 4 4v15.76a9.14 9.14 0 0 0 2.71 6.53A1 1 0 0 1 63 36z"
/>
<path fill="url(#c)" d="M57 8h-6V5a3 3 0 0 1 6 0z" />
<path fill="url(#h)" d="m55 60-1 2-1-2z" />
<path fill="url(#i)" d="m57 56-2 4h-2l-2-4z" />
<path fill="url(#j)" d="M53 37V27a1 1 0 0 1 2 0v10a1 1 0 0 1-2 0z" />
</g>
</svg>
More icons in the same style and category