Add icons to this collection by clicking the heart icon.
Notebook icon - also known as business, bookmark, notebook, pen, address book, 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="640"
height="640"
viewBox="0 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#47c0bb" />
<stop offset="1" stop-color="#0063ae" />
</linearGradient>
<linearGradient
id="b"
x1="-8"
x2="485.28"
y1="216"
y2="216"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-8"
x2="485.28"
y1="280"
y2="280"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-8"
x2="485.28"
y1="248"
y2="248"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-8"
x2="485.28"
y1="88"
y2="88"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-8"
x2="485.28"
y1="120"
y2="120"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-8"
x2="485.28"
y1="152"
y2="152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-8"
x2="485.28"
y1="184"
y2="184"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-8"
x2="485.28"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-8"
x2="485.28"
y1="424"
y2="424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="-8"
x2="485.28"
y1="292"
y2="292"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="-8"
x2="485.28"
y1="312"
y2="312"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="-8"
x2="485.28"
y1="344"
y2="344"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="-8"
x2="485.28"
y1="376"
y2="376"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M72 208h80v16H72zm0 0" />
<path fill="url(#c)" d="M136 272h80v16h-80zm0 0" />
<path fill="url(#d)" d="M72 240h64v16H72zm0 0" />
<path fill="url(#e)" d="M264 80h16v16h-16zM296 80h64v16h-64zm0 0" />
<path fill="url(#f)" d="M264 112h32v16h-32zm0 0" />
<path fill="url(#e)" d="M72 80h144v16H72zm0 0" />
<path fill="url(#f)" d="M72 112h64v16H72zM152 112h16v16h-16zm0 0" />
<path fill="url(#g)" d="M72 144h128v16H72zm0 0" />
<g fill="url(#h)">
<path d="M72 176h64v16H72zM152 176h16v16h-16zM184 176h32v16h-32zm0 0" />
</g>
<path
fill="url(#i)"
d="M472 48h-56V0h-48v48h-48V0h-48v48h-40V0h-48v48h-56V0H80v48H8a8 8 0 0 0-8 8v416a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8zm-88-32h16v32h-16zm-96 0h16v32h-16zm-88 0h16v32h-16zM96 16h16v32H96zM16 64h24v400H16zm40 400V64h176v400zm192 0V64h176v400zm216 0h-24V64h24zm0 0"
/>
<path fill="url(#j)" d="M72 448h144v-48H72zm16-32h112v16H88zm0 0" />
<path
fill="url(#k)"
d="M400 168h-24v-24a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v240c.035.648.117 1.297.238 1.938l8 32A8.001 8.001 0 0 0 344 424v16a8 8 0 0 0 16 0v-16c3.672 0 6.871-2.5 7.762-6.063l8-32c.12-.64.203-1.289.238-1.937V184h16v72h16v-80a8 8 0 0 0-8-8zm-56-16h16v16h-16zm9.754 256h-3.508l-4-16h11.508zM344 376v-16h16v16zm16-32h-16V184h16zm0 0"
/>
<path fill="url(#l)" d="M136 304h80v16h-80zm0 0" />
<path fill="url(#m)" d="M120 336h96v16h-96zm0 0" />
<path fill="url(#n)" d="M152 368h64v16h-64zm0 0" />
</svg>
More icons in the same style and category