Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, education, notebook, note, writing, writing tool, and notepad. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f89142" />
<stop offset=".349" stop-color="#9b6b2b" />
<stop offset=".651" stop-color="#706d6e" />
<stop offset=".927" stop-color="#4a946f" />
</linearGradient>
<linearGradient
id="b"
x1="7"
x2="58"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="18"
x2="50"
y1="8"
y2="8"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="18"
x2="50"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="18"
x2="50"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="18"
x2="50"
y1="23"
y2="23"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="18"
x2="50"
y1="28"
y2="28"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="18"
x2="50"
y1="33"
y2="33"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="18"
x2="50"
y1="38"
y2="38"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="18"
x2="50"
y1="43"
y2="43"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="18"
x2="50"
y1="48"
y2="48"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="18"
x2="50"
y1="53"
y2="53"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="18"
x2="50"
y1="58"
y2="58"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M55 0H14c-1.654 0-3 1.346-3 3v2.045C8.756 5.269 7 6.946 7 9s1.756 3.731 4 3.955v1.09c-2.244.224-4 1.901-4 3.955s1.756 3.731 4 3.955v1.09c-2.244.224-4 1.901-4 3.955s1.756 3.731 4 3.955v1.09c-2.244.224-4 1.901-4 3.955s1.756 3.731 4 3.955v1.09c-2.244.224-4 1.901-4 3.955s1.756 3.731 4 3.955v1.09c-2.244.224-4 1.901-4 3.955s1.756 3.731 4 3.955V61c0 1.654 1.346 3 3 3h41c1.654 0 3-1.346 3-3V3c0-1.654-1.346-3-3-3zM9 9c0-.966.86-1.774 2-1.96v3.919C9.86 10.774 9 9.966 9 9zm0 9c0-.966.86-1.774 2-1.96v3.919c-1.14-.185-2-.993-2-1.959zm0 9c0-.966.86-1.774 2-1.96v3.919c-1.14-.185-2-.993-2-1.959zm0 9c0-.966.86-1.774 2-1.96v3.919c-1.14-.185-2-.993-2-1.959zm0 9c0-.966.86-1.774 2-1.96v3.919c-1.14-.185-2-.993-2-1.959zm0 9c0-.966.86-1.774 2-1.96v3.919c-1.14-.185-2-.993-2-1.959zm5 8a1 1 0 0 1-1-1v-8.59c.604.366 1 .939 1 1.59a1 1 0 1 0 2 0c0-1.736-1.258-3.202-3-3.754V43.41c.604.366 1 .939 1 1.59a1 1 0 1 0 2 0c0-1.736-1.258-3.202-3-3.754V34.41c.604.366 1 .939 1 1.59a1 1 0 1 0 2 0c0-1.736-1.258-3.202-3-3.754V25.41c.604.366 1 .939 1 1.59a1 1 0 1 0 2 0c0-1.736-1.258-3.202-3-3.754V16.41c.604.366 1 .939 1 1.59a1 1 0 1 0 2 0c0-1.736-1.258-3.202-3-3.754V7.41c.604.366 1 .939 1 1.59a1 1 0 1 0 2 0c0-1.736-1.258-3.202-3-3.754V3a1 1 0 0 1 1-1h38a1 1 0 0 1 1 1v58a1 1 0 0 1-1 1zm42-1a1 1 0 0 1-1 1h-.184c.112-.314.184-.648.184-1V3c0-.352-.072-.686-.184-1H55a1 1 0 0 1 1 1z"
/>
<path fill="url(#c)" d="M49 7H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z" />
<path fill="url(#d)" d="M49 12H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z" />
<path fill="url(#e)" d="M49 17H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z" />
<path fill="url(#f)" d="M49 22H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z" />
<path fill="url(#g)" d="M49 27H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z" />
<path fill="url(#h)" d="M49 32H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z" />
<path fill="url(#i)" d="M49 37H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z" />
<path fill="url(#j)" d="M49 42H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z" />
<path fill="url(#k)" d="M49 47H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z" />
<path fill="url(#l)" d="M49 52H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z" />
<path fill="url(#m)" d="M49 57H19a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z" />
</svg>
More icons in the same style and category