Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, business, education, book, bookmark, notebook, address book, Tools and utensils, agenda, and files and folders. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-83.102"
x2="-18.898"
y1="605.625"
y2="605.625"
gradientTransform="matrix(8 0 0 -8 623.004 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#159957" />
<stop offset="1" stop-color="#00afc3" />
</linearGradient>
<path
d="M135.999 144h160a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8h-160a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8zm8-80h144v64h-144V64z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-83.102"
x2="-18.898"
y1="569.625"
y2="569.625"
gradientTransform="matrix(8 0 0 -8 623.004 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#159957" />
<stop offset="1" stop-color="#00afc3" />
</linearGradient>
<path
d="M135.999 392h128a8 8 0 0 0 0-16h-128a8 8 0 0 0 0 16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-83.102"
x2="-18.898"
y1="573.625"
y2="573.625"
gradientTransform="matrix(8 0 0 -8 623.004 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#159957" />
<stop offset="1" stop-color="#00afc3" />
</linearGradient>
<path
d="M135.999 360h128a8 8 0 0 0 0-16h-128a8 8 0 0 0 0 16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-83.102"
x2="-18.898"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 623.004 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#159957" />
<stop offset="1" stop-color="#00afc3" />
</linearGradient>
<path
d="M455.055 76.224A8 8 0 0 0 447.999 72h-24V32c0-17.673-14.327-32-32-32h-344a8 8 0 0 0-8 8v32h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v32a8 8 0 0 0 8 8h344c17.673 0 32-14.327 32-32V136h24a8 8 0 0 0 6.656-12.44L441.599 104l13.04-19.56a8 8 0 0 0 .416-8.216zM391.999 16c8.837 0 16 7.163 16 16v40h-16V48a47.72 47.72 0 0 0-12.328-32h12.328zm-32 4.448a31.896 31.896 0 0 1 16 27.552v24h-16V20.448zm-16 443.552h-288v-24h24a8 8 0 0 0 0-16h-24v-16h24a8 8 0 0 0 0-16h-24v-16h24a8 8 0 0 0 0-16h-24v-16h24a8 8 0 0 0 0-16h-24v-16h24a8 8 0 0 0 0-16h-24v-16h24a8 8 0 0 0 0-16h-24v-16h24a8 8 0 0 0 0-16h-24v-16h24a8 8 0 0 0 0-16h-24v-16h24a8 8 0 0 0 0-16h-24v-16h24a8 8 0 0 0 0-16h-24v-16h24a8 8 0 0 0 0-16h-24V88h24a8 8 0 0 0 0-16h-24V56h24a8 8 0 0 0 0-16h-24V16h288v448zm32-32a31.896 31.896 0 0 1-16 27.552V136h16v296zm32 16c0 8.837-7.163 16-16 16h-12.328a47.72 47.72 0 0 0 12.328-32V136h16v312zm17.344-339.56 7.704 11.56h-73.048V88h73.048l-7.704 11.56a8.002 8.002 0 0 0 0 8.88z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category