Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, education, user, notebook, blackboard, users, note, library, writing, writing tool, and notepad. 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 858.649 858.649"
>
<linearGradient
id="a"
x1="429.325"
x2="429.325"
y1="850.534"
y2="-65.359"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M786.966 157.419a14.312 14.312 0 0 0-4.064-10.118L639.794 4.193A14.21 14.21 0 0 0 629.676.129V0h-515.19c-7.904 0-14.311 6.407-14.311 14.311v57.243H71.554v28.622h28.622v57.243H71.554v28.622h28.622v57.243H71.554v28.622h28.622v57.243H71.554v28.622h28.622v57.243H71.554v28.622h28.622v57.243H71.554V529.5h28.622v57.243H71.554v28.622h28.622v57.243H71.554v28.622h28.622v57.243H71.554v28.622h28.622v57.243c0 7.904 6.407 14.311 14.311 14.311h658.298c7.904 0 14.311-6.407 14.311-14.311V157.419h-.13zM643.987 48.857l94.251 94.251h-94.251V48.857zm-515.19 781.171v-42.932h28.622v-28.622h-28.622V701.23h28.622v-28.622h-28.622v-57.243h28.622v-28.622h-28.622V529.5h28.622v-28.622h-28.622v-57.243h28.622v-28.622h-28.622V357.77h28.622v-28.622h-28.622v-57.243h28.622v-28.622h-28.622V186.04h28.622v-28.622h-28.622v-57.243h28.622V71.554h-28.622V28.622h486.568v128.797c0 7.904 6.407 14.311 14.311 14.311h128.797v658.298H128.797z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="457.946"
x2="457.946"
y1="850.534"
y2="-65.359"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M686.919 271.906H228.973c-7.904 0-14.311 6.407-14.311 14.311v286.216c0 7.904 6.407 14.311 14.311 14.311h271.906v57.243c0 7.904 6.407 14.311 14.311 14.311h171.73c7.904 0 14.311-6.407 14.311-14.311v-57.243c-.04-4.791-.423-9.574-1.145-14.311h1.145V286.216c-.001-7.903-6.408-14.31-14.312-14.31zm-14.31 357.77H529.5v-42.932c0-39.518 32.036-71.554 71.554-71.554s71.554 32.036 71.554 71.554v42.932zm-100.176-171.73c0-15.807 12.814-28.622 28.622-28.622 15.807 0 28.622 12.814 28.622 28.622s-12.814 28.622-28.622 28.622-28.622-12.814-28.622-28.622zm70.981 38.153c21.264-23.395 19.537-59.598-3.858-80.862s-59.598-19.537-80.862 3.858c-19.844 21.833-19.844 55.172 0 77.004a100.565 100.565 0 0 0-53.523 62.023H243.284V300.527h429.325v216.251a100.281 100.281 0 0 0-29.195-20.679z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="343.46"
x2="343.46"
y1="850.534"
y2="-65.359"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M271.906 329.149h143.108v28.622H271.906z" fill="url(#c)" />
<linearGradient
id="d"
x1="400.703"
x2="400.703"
y1="850.534"
y2="-65.359"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M271.906 386.392h257.595v28.622H271.906z" fill="url(#d)" />
<linearGradient
id="e"
x1="343.46"
x2="343.46"
y1="850.534"
y2="-65.359"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M271.906 443.635h143.108v28.622H271.906z" fill="url(#e)" />
<linearGradient
id="f"
x1="372.081"
x2="372.081"
y1="850.534"
y2="-65.359"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M271.906 500.879h200.351v28.622H271.906z" fill="url(#f)" />
</svg>
More icons in the same style and category