Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, reading, study, write, notebook, learning, planning, organization, plan, and lecture. 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 24 24"
>
<linearGradient
id="b"
x1="3.88"
x2="20.12"
y1="3.88"
y2="20.12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffffd4" />
<stop offset="1" stop-color="#ffefb1" />
</linearGradient>
<linearGradient
id="a"
x1="7.5"
x2="16.5"
y1="7.5"
y2="16.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd0" />
<stop offset="1" stop-color="#feb100" />
</linearGradient>
<linearGradient
id="c"
x1="10.793"
x2="13.207"
y1="6.793"
y2="9.207"
href="#a"
/>
<linearGradient
id="d"
x1="10.793"
x2="13.207"
y1="10.793"
y2="13.207"
href="#a"
/>
<linearGradient
id="e"
x1="10.793"
x2="13.207"
y1="14.793"
y2="17.207"
href="#a"
/>
<path
fill="url(#b)"
d="M19 20H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3z"
/>
<path fill="url(#a)" d="M11 4h2v16h-2z" />
<path fill="url(#c)" d="M13 9h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#d)" d="M13 13h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#e)" d="M13 17h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
</svg>
More icons in the same style and category