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="100"
height="100"
viewBox="0 0 480.009 480.009"
>
<linearGradient
id="a"
x1="-55.894"
x2="14.57"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 454.968 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M328.005 0h-304a8 8 0 0 0-8 8v464a8 8 0 0 0 8 8h304c22.08-.026 39.974-17.92 40-40V40c-.027-22.08-17.92-39.974-40-40zm-48 192h-208V88h208v104zm-248-176h248v56h-216a8 8 0 0 0-8 8v120a8 8 0 0 0 8 8h216v256h-248V16zm264 448V16h16v448h-16zm56-24c0 13.255-10.745 24-24 24V16c13.255 0 24 10.745 24 24v400z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-55.894"
x2="14.57"
y1="584.625"
y2="584.625"
gradientTransform="matrix(8 0 0 -8 454.968 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M56.005 256h32v16h-32v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-55.894"
x2="14.57"
y1="584.625"
y2="584.625"
gradientTransform="matrix(8 0 0 -8 454.968 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M104.005 256h160v16h-160v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-55.894"
x2="14.57"
y1="578.625"
y2="578.625"
gradientTransform="matrix(8 0 0 -8 454.968 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M56.005 304h208v16h-208v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-55.894"
x2="14.57"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 454.968 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".358" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M440.005 0h-16c-13.255 0-24 10.745-24 24v24h-16a8 8 0 0 0-8 8v80h16V64h8v360a7.99 7.99 0 0 0 .8 3.576l24 48a8 8 0 0 0 14.32 0l24-48a8.002 8.002 0 0 0 .88-3.576V24c0-13.255-10.746-24-24-24zm-16 16h16a8 8 0 0 1 8 8v72h-32V24a8 8 0 0 1 8-8zm8 438.112-16-32V112h32v310.112l-16 32z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category