Add icons to this collection by clicking the heart icon.
Notebook icon - also known as business, 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="490pt"
height="490pt"
viewBox="0 -58 490 490"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<linearGradient
id="b"
x1="372.5"
x2="372.5"
y1="498"
y2="13.851"
gradientTransform="matrix(1 0 0 -1 -11 445)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="372.4"
x2="372.4"
y1="498"
y2="13.851"
gradientTransform="matrix(1 0 0 -1 -11 445)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="354.9"
x2="354.9"
y1="498"
y2="13.851"
gradientTransform="matrix(1 0 0 -1 -11 445)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="256"
x2="256"
y1="498"
y2="13.851"
gradientTransform="matrix(1 0 0 -1 -11 445)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="100.6"
x2="100.6"
y1="498"
y2="13.851"
gradientTransform="matrix(1 0 0 -1 -11 445)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="135.6"
x2="135.6"
y1="498"
y2="13.851"
gradientTransform="matrix(1 0 0 -1 -11 445)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M417 105H306c-17.7 0-32 14.7-32 32.5v80.398a31.988 31.988 0 0 0 9.332 22.7A31.995 31.995 0 0 0 306 250h39v38.7a10 10 0 0 0 6.3 9.3 9.682 9.682 0 0 0 3.7.7 9.917 9.917 0 0 0 7.2-3.098L405.8 250H417c17.7-.027 32.027-14.398 32-32.102V137.5c0-17.8-14.3-32.5-32-32.5zm12 112.898a12 12 0 0 1-3.477 8.555A11.984 11.984 0 0 1 417 230h-15.398a10.551 10.551 0 0 0-7.301 3.102L365 263.8v-23.7c.04-5.519-4.383-10.03-9.898-10.101H306c-3.2.004-6.27-1.273-8.523-3.547a12 12 0 0 1-3.477-8.555V137.5c0-6.7 5.2-12.5 12-12.5h111c6.7 0 12 5.8 12 12.5zm0 0"
/>
<path
fill="url(#c)"
d="M406.398 150h-90c-5.52 0-10 4.477-10 10s4.48 10 10 10h90c5.524 0 10-4.477 10-10s-4.476-10-10-10zm0 0"
/>
<path
fill="url(#d)"
d="M371.3 187h-54.8c-5.523 0-10 4.477-10 10s4.477 10 10 10h54.8c5.524 0 10-4.477 10-10s-4.476-10-10-10zm0 0"
/>
<path
fill="url(#e)"
d="M459.5 0H316a100.63 100.63 0 0 0-39.7 8.398 80.763 80.763 0 0 1-63.6-.097A98.773 98.773 0 0 0 173 0H30.5C13.762.16.215 13.664 0 30.398V328.7c0 16.5 13.898 30.2 30.5 30.2H173a79.068 79.068 0 0 1 31.8 6.5 101.329 101.329 0 0 0 79.4 0 79.068 79.068 0 0 1 31.8-6.5h143.5c16.5 0 30.5-13.7 30.5-30.2V30.4C489.785 13.663 476.238.16 459.5 0zM173 339H30.5C25 339 20 334.3 20 328.8V30.399A10.82 10.82 0 0 1 30.5 20H173a77.904 77.904 0 0 1 31.5 6.8 100.157 100.157 0 0 0 29.5 7.9v318.198a81.887 81.887 0 0 1-21.5-5.796A99.656 99.656 0 0 0 173 339zm297-10.2c0 5.5-5 10.2-10.5 10.2H316a101.762 101.762 0 0 0-40 8.102 75.894 75.894 0 0 1-22 5.796V34.7a95.527 95.527 0 0 0 30-7.898A80.25 80.25 0 0 1 316 20h143.5A10.82 10.82 0 0 1 470 30.398zm0 0"
/>
<path
fill="url(#f)"
d="M67 96h45.2c5.523 0 10-4.477 10-10s-4.477-10-10-10H67c-5.523 0-10 4.477-10 10s4.477 10 10 10zm0 0"
/>
<g fill="url(#g)">
<path
d="M182.2 138H67c-5.523 0-10 4.477-10 10s4.477 10 10 10h115.2c5.523 0 10-4.477 10-10s-4.477-10-10-10zM182.2 201H67c-5.523 0-10 4.477-10 10s4.477 10 10 10h115.2c5.523 0 10-4.477 10-10s-4.477-10-10-10zM182.2 264H67c-5.523 0-10 4.477-10 10s4.477 10 10 10h115.2c5.523 0 10-4.477 10-10s-4.477-10-10-10zm0 0"
/>
</g>
</svg>
More icons in the same style and category