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 490.667 490.667"
>
<linearGradient
id="a"
x1="-49.564"
x2="5.964"
y1="605.302"
y2="605.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M324.149 0H37.632C25.692.018 16.018 9.692 16 21.632v447.403c.018 11.94 9.692 21.614 21.632 21.632h286.517c30.097-.029 54.488-24.42 54.517-54.517V54.517C378.637 24.42 354.246.029 324.149 0zM101.333 21.333V70.25l-3.125-3.125c-4.165-4.164-10.917-4.164-15.083 0L80 70.251V21.333h21.333zm-64 447.702.299-447.701h21.035V96c.001 5.891 4.778 10.666 10.669 10.664a10.669 10.669 0 0 0 7.539-3.123l13.792-13.792 13.792 13.792c4.166 4.165 10.92 4.164 15.085-.002 1.999-2 3.122-4.711 3.123-7.539V21.333h170.667v448l-256.001-.298zm320-32.886c-.024 18.317-14.867 33.16-33.184 33.184h-9.483v-448h9.483c18.317.024 33.16 14.867 33.184 33.184v381.632z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-49.564"
x2="5.964"
y1="609.302"
y2="609.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M240 149.333H80c-5.891 0-10.667 4.776-10.667 10.667v85.333C69.333 251.224 74.109 256 80 256h160c5.891 0 10.667-4.776 10.667-10.667V160c0-5.891-4.776-10.667-10.667-10.667zm-10.667 85.334H90.667v-64h138.667v64z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-49.564"
x2="5.964"
y1="599.302"
y2="599.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M69.333 298.667h21.333V320H69.333v-21.333z" fill="url(#c)" />
<linearGradient
id="d"
x1="-49.564"
x2="5.964"
y1="599.302"
y2="599.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M112 298.667h138.667V320H112v-21.333z" fill="url(#d)" />
<linearGradient
id="e"
x1="-49.564"
x2="5.964"
y1="595.302"
y2="595.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M69.333 341.333h21.333v21.333H69.333v-21.333z" fill="url(#e)" />
<linearGradient
id="f"
x1="-49.564"
x2="5.964"
y1="595.302"
y2="595.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M112 341.333h21.333v21.333H112v-21.333z" fill="url(#f)" />
<linearGradient
id="g"
x1="-49.564"
x2="5.964"
y1="595.302"
y2="595.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M154.667 341.333h96v21.333h-96v-21.333z" fill="url(#g)" />
<linearGradient
id="h"
x1="-49.564"
x2="5.964"
y1="591.302"
y2="591.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M69.333 384h181.333v21.333H69.333V384z" fill="url(#h)" />
<linearGradient
id="i"
x1="-49.564"
x2="5.964"
y1="605.302"
y2="605.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M453.333 10.667H432c-11.782 0-21.333 9.551-21.333 21.333v394.667a10.664 10.664 0 0 0 1.067 4.768l21.333 42.667c2.628 5.272 9.032 7.416 14.305 4.789a10.671 10.671 0 0 0 4.789-4.789l21.333-42.667a10.66 10.66 0 0 0 1.173-4.768V32c0-11.782-9.552-21.333-21.334-21.333zm0 21.333v42.667H432V32h21.333zm-6.592 405.333h-8.149L432 424.149V96h21.333v328.149l-6.592 13.184z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category