Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, business, bookmark, notebook, address book, agenda, and miscellaneous. 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="-65.255"
x2="8.785"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".719" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M368 0H64C33.087.035 8.035 25.087 8 56v384c.026 22.08 17.92 39.974 40 40h328v-16h-16v-48h16V8a8 8 0 0 0-8-8zM56 16.8V400h-8a39.583 39.583 0 0 0-24 8.208V56c.024-19.001 13.389-35.373 32-39.2zM344 432H40v16h304v16H48c-13.255 0-24-10.745-24-24s10.745-24 24-24h296v16zM72 400V16h288v384H72z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-65.255"
x2="8.785"
y1="603.125"
y2="603.125"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".719" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M320 56H112a8 8 0 0 0-8 8v104a8 8 0 0 0 8 8h208a8 8 0 0 0 8-8V64a8 8 0 0 0-8-8zm-8 104H120V72h192v88z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-65.255"
x2="8.785"
y1="588.625"
y2="588.625"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".719" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M104 224h224v16H104v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-65.255"
x2="8.785"
y1="582.625"
y2="582.625"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".719" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M104 272h224v16H104v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-65.255"
x2="8.785"
y1="576.625"
y2="576.625"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".719" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M104 320h224v16H104v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-65.255"
x2="8.785"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 511 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".719" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M464 72h-16v-8c0-13.255-10.745-24-24-24s-24 10.745-24 24v336a7.99 7.99 0 0 0 .8 3.576l16 32a8 8 0 0 0 14.32 0l16-32A8.002 8.002 0 0 0 448 400V88h8v88h16V80a8 8 0 0 0-8-8zm-40-16a8 8 0 0 1 8 8v48h-16V64a8 8 0 0 1 8-8zm0 358.112-8-16V128h16v270.112l-8 16z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category