Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, book, notebook, school, agenda, and spring notebook. 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 1.707 1.707"
>
<linearGradient
id="a"
x1=".311"
x2="1.482"
y1="-.016"
y2="1.722"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d33230" />
<stop offset="1" stop-color="#fd8f04" />
</linearGradient>
<linearGradient
id="k"
x1=".248"
x2=".358"
y1="1.247"
y2="1.411"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1=".248"
x2=".358"
y1="1.009"
y2="1.173"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1=".248"
x2=".358"
y1=".771"
y2=".935"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1=".248"
x2=".358"
y1=".533"
y2=".697"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1=".248"
x2=".358"
y1=".295"
y2=".459"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1=".694"
x2=".961"
y1=".272"
y2=".668"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="b"
x1=".954"
x2="1.578"
y1=".39"
y2="1.317"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1=".784"
x2=".871"
y1="1.265"
y2="1.394"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1=".784"
x2=".871"
y1="1.027"
y2="1.156"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1=".784"
x2=".871"
y1=".789"
y2=".918"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#b)"
d="M1.266 1.707a.015.015 0 0 1-.015-.015V.015a.015.015 0 1 1 .03 0v1.677a.015.015 0 0 1-.015.015z"
/>
<path
fill="url(#a)"
d="M.303.575A.015.015 0 0 1 .288.56V.433a.015.015 0 1 1 .03 0V.56a.015.015 0 0 1-.015.015zm0 .238A.015.015 0 0 1 .288.798V.67a.015.015 0 1 1 .03 0v.127a.015.015 0 0 1-.015.015zm0 .238a.015.015 0 0 1-.015-.015V.909a.015.015 0 1 1 .03 0v.127a.015.015 0 0 1-.015.015zm0 .238a.015.015 0 0 1-.015-.015v-.127a.015.015 0 1 1 .03 0v.127a.015.015 0 0 1-.015.015zm1.045.418H.445c-.086 0-.157-.076-.157-.169v-.153a.015.015 0 1 1 .03 0v.153c0 .077.057.139.127.139h.903c.07 0 .127-.062.127-.139V.168c0-.076-.057-.138-.127-.138H.445C.375.03.318.092.318.168v.154a.015.015 0 1 1-.03 0V.168C.288.076.358 0 .445 0h.903c.086 0 .157.076.157.168v1.37c0 .093-.07.169-.157.169z"
/>
<path
fill="url(#c)"
d="M.591.603h.473V.337H.591zm.488.03H.576A.015.015 0 0 1 .561.618V.322c0-.009.007-.015.015-.015h.503c.008 0 .015.006.015.015v.296a.015.015 0 0 1-.015.015z"
/>
<path
fill="url(#d)"
d="M1.008 1.344h-.36a.015.015 0 0 1 0-.03h.36a.015.015 0 0 1 0 .03z"
/>
<path
fill="url(#e)"
d="M1.008.868h-.36a.015.015 0 0 1 0-.03h.36a.015.015 0 0 1 0 .03z"
/>
<path
fill="url(#f)"
d="M1.008 1.106h-.36a.015.015 0 0 1 0-.03h.36a.015.015 0 0 1 0 .03z"
/>
<path
fill="url(#g)"
d="M.272.337a.04.04 0 0 0 0 .081h.062a.04.04 0 0 0 0-.081zm.062.11H.272a.07.07 0 0 1 0-.14h.062a.07.07 0 0 1 0 .14z"
/>
<path
fill="url(#h)"
d="M.272.575a.04.04 0 0 0 0 .081h.062a.04.04 0 0 0 0-.081zm.062.11H.272a.07.07 0 0 1 0-.14h.062a.07.07 0 0 1 0 .14z"
/>
<path
fill="url(#i)"
d="M.272.813a.04.04 0 0 0 0 .081h.062a.04.04 0 0 0 0-.081zm.062.11H.272a.07.07 0 0 1 0-.14h.062a.07.07 0 0 1 0 .14z"
/>
<path
fill="url(#j)"
d="M.272 1.05a.04.04 0 0 0 0 .082h.062a.04.04 0 0 0 0-.081zm.062.112H.272a.07.07 0 0 1 0-.141h.062a.07.07 0 0 1 0 .14z"
/>
<path
fill="url(#k)"
d="M.272 1.289a.04.04 0 0 0 0 .081h.062a.04.04 0 0 0 0-.081zm.062.11H.272a.07.07 0 0 1 0-.14h.062a.07.07 0 0 1 0 .14z"
/>
</g>
</svg>
More icons in the same style and category