Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, bookmark, notebook, address book, 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 48 48"
>
<linearGradient
id="a"
x1="1.393"
x2="44.01"
y1="45.607"
y2="2.99"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1="-3.107"
x2="39.51"
y1="41.107"
y2="-1.51"
href="#a"
/>
<linearGradient
id="c"
x1="-15.107"
x2="27.51"
y1="29.107"
y2="-13.51"
href="#a"
/>
<linearGradient
id="d"
x1="-12.107"
x2="30.51"
y1="32.107"
y2="-10.51"
href="#a"
/>
<linearGradient
id="e"
x1="-9.107"
x2="33.51"
y1="35.107"
y2="-7.51"
href="#a"
/>
<linearGradient
id="f"
x1="-6.107"
x2="36.51"
y1="38.107"
y2="-4.51"
href="#a"
/>
<linearGradient
id="g"
x1="-.107"
x2="42.51"
y1="44.107"
y2="1.49"
href="#a"
/>
<linearGradient
id="h"
x1="2.893"
x2="45.51"
y1="47.107"
y2="4.49"
href="#a"
/>
<linearGradient
id="i"
x1="-.607"
x2="42.01"
y1="43.607"
y2=".99"
href="#a"
/>
<linearGradient
id="j"
x1="4.893"
x2="47.51"
y1="49.107"
y2="6.49"
href="#a"
/>
<linearGradient
id="k"
x1="6.893"
x2="49.51"
y1="51.107"
y2="8.49"
href="#a"
/>
<linearGradient
id="l"
x1="8.893"
x2="51.51"
y1="53.107"
y2="10.49"
href="#a"
/>
<linearGradient
id="m"
x1="3.6"
x2="46.216"
y1="47.814"
y2="5.197"
href="#a"
/>
<linearGradient
id="n"
x1="6.6"
x2="49.216"
y1="50.814"
y2="8.197"
href="#a"
/>
<linearGradient
id="o"
x1="14.1"
x2="56.716"
y1="58.314"
y2="15.697"
href="#a"
/>
<path
fill="url(#a)"
d="M37 47H9a2.003 2.003 0 0 1-2-2V3a2.003 2.003 0 0 1 2-2h28a2.003 2.003 0 0 1 2 2v42a2.003 2.003 0 0 1-2 2zM9 3v42h28.002L37 3z"
/>
<path
fill="url(#b)"
d="M14 47a1 1 0 0 1-1-1V2a1 1 0 0 1 2 0v44a1 1 0 0 1-1 1z"
/>
<path fill="url(#c)" d="M10 7H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#d)" d="M10 13H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#e)" d="M10 19H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M10 25H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#b)" d="M10 31H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#g)" d="M10 37H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#h)" d="M10 43H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path
fill="url(#i)"
d="M34 23H18a1 1 0 0 1-1-1V12a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-15-2h14v-8H19z"
/>
<path fill="url(#j)" d="M34 29H18a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" />
<path fill="url(#k)" d="M34 33H18a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" />
<path fill="url(#l)" d="M32 37H20a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z" />
<path
fill="url(#m)"
d="M41 16h-4V8h4a2.003 2.003 0 0 1 2 2v4a2.003 2.003 0 0 1-2 2zm-2-2h2.002L41 10h-2z"
/>
<path
fill="url(#n)"
d="M41 22h-4v-8h4a2.003 2.003 0 0 1 2 2v4a2.003 2.003 0 0 1-2 2zm-2-2h2.002L41 16h-2z"
/>
<path
fill="url(#o)"
d="M41 37h-4v-8h4a2.003 2.003 0 0 1 2 2v4a2.003 2.003 0 0 1-2 2zm-2-2h2.002L41 31h-2z"
/>
</svg>
More icons in the same style and category