Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, alphabet, alphabetical, language, 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="100"
height="100"
viewBox="0 0 858.649 858.649"
>
<linearGradient
id="a"
x1="429.325"
x2="429.325"
y1="855.213"
y2="-.259"
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="M757.185 0H158.707c-24.412.024-44.197 19.808-44.22 44.22v55.955H71.554c-7.904 0-14.311 6.407-14.311 14.311v57.243c0 7.904 6.407 14.311 14.311 14.311h42.932v57.243H71.554c-7.904 0-14.311 6.407-14.311 14.311v57.243c0 7.904 6.407 14.311 14.311 14.311h42.932v57.243H71.554c-7.904 0-14.311 6.407-14.311 14.311v57.243c0 7.904 6.407 14.311 14.311 14.311h42.932V529.5H71.554c-7.904 0-14.311 6.407-14.311 14.311v57.243c0 7.904 6.407 14.311 14.311 14.311h42.932v57.243H71.554c-7.904 0-14.311 6.407-14.311 14.311v57.243c0 7.904 6.407 14.311 14.311 14.311h42.932v55.955c.024 24.412 19.808 44.197 44.22 44.22h598.479c24.412-.024 44.197-19.808 44.22-44.22V44.22C801.382 19.808 781.598.024 757.185 0zM85.865 128.797h85.865v28.622H85.865v-28.622zm0 143.109h85.865v28.622H85.865v-28.622zm0 143.108h85.865v28.622H85.865v-28.622zm0 143.108h85.865v28.622H85.865v-28.622zm0 143.108h85.865v28.622H85.865V701.23zm686.919 113.199c-.008 8.612-6.987 15.591-15.599 15.599H158.707c-8.612-.008-15.591-6.987-15.599-15.599v-55.955h42.932c7.904 0 14.311-6.407 14.311-14.311V686.92c0-7.904-6.407-14.311-14.311-14.311h-42.932v-57.243h42.932c7.904 0 14.311-6.407 14.311-14.311v-57.243c0-7.904-6.407-14.311-14.311-14.311h-42.932v-57.243h42.932c7.904 0 14.311-6.407 14.311-14.311v-57.243c0-7.904-6.407-14.311-14.311-14.311h-42.932V329.15h42.932c7.904 0 14.311-6.407 14.311-14.311v-57.243c0-7.904-6.407-14.311-14.311-14.311h-42.932v-57.243h42.932c7.904 0 14.311-6.407 14.311-14.311v-57.243c0-7.904-6.407-14.311-14.311-14.311h-42.932V44.22c.008-8.612 6.987-15.591 15.599-15.599h598.479c8.612.008 15.591 6.987 15.599 15.599v770.209z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="343.46"
x2="343.46"
y1="848.173"
y2="-3.765"
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="M457.946 443.635H228.973c-7.904 0-14.311 6.407-14.311 14.311v228.973c0 7.904 6.407 14.311 14.311 14.311h228.973c7.904 0 14.311-6.407 14.311-14.311V457.946c0-7.903-6.407-14.311-14.311-14.311zm-14.311 228.974H243.284V472.257h200.351v200.352z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="486.568"
x2="486.568"
y1="856.759"
y2="4.807"
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="M372.081 415.014h228.973c7.904 0 14.311-6.407 14.311-14.311V171.73c0-7.904-6.407-14.311-14.311-14.311H372.081c-7.904 0-14.311 6.407-14.311 14.311v228.973c.001 7.904 6.408 14.311 14.311 14.311zm14.311-228.973h200.352v200.351H386.392V186.041z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="629.676"
x2="629.676"
y1="854.355"
y2="2.403"
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="M744.163 443.635H515.19c-7.904 0-14.311 6.407-14.311 14.311v228.973c0 7.904 6.407 14.311 14.311 14.311h228.973c7.904 0 14.311-6.407 14.311-14.311V457.946c0-7.903-6.408-14.311-14.311-14.311zm-14.311 228.974H529.5V472.257h200.352v200.352z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="486.568"
x2="486.568"
y1="860.58"
y2="-.059"
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="M486.568 200.351c-39.499.047-71.507 32.055-71.554 71.554v100.176h28.622v-57.243H529.5v57.243h28.622V271.906c-.047-39.499-32.055-71.507-71.554-71.555zm-42.933 85.865v-14.311c0-23.711 19.222-42.932 42.932-42.932 23.711 0 42.932 19.222 42.932 42.932v14.311h-85.864z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="343.46"
x2="343.46"
y1="852.924"
y2="-6.527"
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="M286.216 658.298h82.488c25.563-.032 46.278-20.747 46.31-46.31v-7.556a46.066 46.066 0 0 0-12.98-31.999 46.066 46.066 0 0 0 12.98-31.999v-7.556c-.032-25.563-20.747-46.278-46.31-46.31h-82.488c-7.904 0-14.311 6.407-14.311 14.311v143.108c.001 7.904 6.408 14.311 14.311 14.311zm100.176-46.31c-.008 9.766-7.923 17.68-17.688 17.688h-68.177v-42.932h68.177c9.766.008 17.68 7.922 17.688 17.688v7.556zm-85.865-96.798h68.177c9.766.008 17.68 7.923 17.688 17.688v7.556c-.008 9.766-7.923 17.68-17.688 17.688h-68.177V515.19z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="629.676"
x2="629.676"
y1="861.081"
y2=".428"
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="M629.676 658.298h71.554v-28.622h-71.554c-23.711 0-42.932-19.222-42.932-42.932v-28.622c0-23.711 19.221-42.932 42.932-42.932h71.554v-28.622h-71.554c-39.499.047-71.507 32.056-71.554 71.554v28.622c.047 39.498 32.055 71.506 71.554 71.554z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category