Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, study, write, notebook, pencil, edit, planning, organization, plan, and lecture. Created in a clean lineal color 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 24 24"
>
<linearGradient
id="a"
x1="15.397"
x2="22.604"
y1="9.604"
y2="16.811"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6be8a7" />
<stop offset="1" stop-color="#01b59c" />
</linearGradient>
<linearGradient
id="b"
x1="2.733"
x2="13.854"
y1="6.44"
y2="17.56"
href="#a"
/>
<linearGradient
id="c"
x1="17.647"
x2="20.354"
y1="16.354"
y2="19.061"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#effff4" />
<stop offset="1" stop-color="#d1ffec" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="M21 10v8a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-8l2-4z"
/>
<path
fill="url(#b)"
d="M5 19a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h7a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M17 17h4v1a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1z"
/>
<g fill="#332525">
<path
d="M20 20h-2a2 2 0 0 1-2-2v-8a1 1 0 0 1 .105-.447l2-4a1.042 1.042 0 0 1 1.79 0l2 4A1 1 0 0 1 22 10v8a2 2 0 0 1-2 2zm-2-9.764V18h2v-7.764l-1-2z"
/>
<path
d="M21 17h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM12 20H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h7a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2zM5 6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7V6z"
/>
<path d="M10 10a1 1 0 0 1-1-1V5a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z" />
</g>
</g>
</svg>
More icons in the same style and category