Add icons to this collection by clicking the heart icon.
Notebook icon - also known as business, bookmark, notebook, address book, agenda, and business and finance. 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="-58.866"
x2="27.855"
y1="569.125"
y2="569.125"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M416 384H112v-80H96v80h-8c-2.49.018-4.973.269-7.416.752-.8.144-1.496.376-2.248.56-1.63.395-3.233.892-4.8 1.488a39.403 39.403 0 0 0-6.576 3.288c-.696.432-1.392.8-2.056 1.312-.312.224-.672.392-.976.616V296H48v144c.026 22.08 17.92 39.974 40 40h344v-16h-8v-64a8 8 0 0 0 8-8v-88h-16v80zM88 464c-13.255 0-24-10.745-24-24v-16c0-13.255 10.745-24 24-24h320v64H88z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-58.866"
x2="27.855"
y1="605.125"
y2="605.125"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M64 40c0-13.255 10.745-24 24-24h8v176h16V16h304v144h16V8a8 8 0 0 0-8-8H88C65.92.026 48.026 17.92 48 40v160h16V40z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-58.866"
x2="27.855"
y1="563.625"
y2="563.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M80 424h312v16H80v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-58.866"
x2="27.855"
y1="588.625"
y2="588.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M440 208h-24v-24a8 8 0 0 0-8-8h-96v16h88v16H80c-8.837 0-16 7.163-16 16H40a8 8 0 0 0-8 8v8H0v16h32v8a8 8 0 0 0 8 8h24c0 8.837 7.163 16 16 16h360c22.091 0 40-17.909 40-40s-17.909-40-40-40zM48 256v-16h16v16H48zm32 8v-40h288v48H80v-8zm360 8h-56v-48h56c13.255 0 24 10.745 24 24s-10.745 24-24 24z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-58.866"
x2="27.855"
y1="605.625"
y2="605.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M136 48a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8h256a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8H136zm248 80H144V64h240v64z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category