Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, study, book, notebook, pencil, ruler, school materials, scholastics, homework, files and folders, and study tools. 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="857.689"
y2="-48.658"
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="M815.717 0H500.879c-23.711 0-42.932 19.222-42.932 42.932v57.243h-57.243V42.932C400.703 19.222 381.481 0 357.771 0H42.932C19.222 0 0 19.222 0 42.932v772.784c0 23.711 19.222 42.932 42.932 42.932H357.77c23.711 0 42.932-19.222 42.932-42.932v-57.243h57.243v57.243c0 23.711 19.222 42.932 42.932 42.932h314.838c23.711 0 42.932-19.222 42.932-42.932V42.932C858.649 19.222 839.428 0 815.717 0zM486.568 701.23v28.622H372.081V701.23h114.487zm-85.865-28.621v-57.243h57.243v57.243h-57.243zm-28.622-85.865v-28.622h114.487v28.622H372.081zm28.622-57.244v-57.243h57.243V529.5h-57.243zm-28.622-85.865v-28.622h114.487v28.622H372.081zm28.622-57.243v-57.243h57.243v57.243h-57.243zm-28.622-85.865v-28.622h114.487v28.622H372.081zm28.622-57.243v-57.243h57.243v57.243h-57.243zm-28.622-85.865v-28.622h114.487v28.622H372.081zm0 658.298c0 7.904-6.407 14.311-14.311 14.311H42.932c-7.904 0-14.311-6.407-14.311-14.311V42.932c0-7.904 6.407-14.311 14.311-14.311H357.77c7.904 0 14.311 6.407 14.311 14.311v57.243H357.77c-7.904 0-14.311 6.407-14.311 14.311v57.243c0 7.904 6.407 14.311 14.311 14.311h14.311v57.243H357.77c-7.904 0-14.311 6.407-14.311 14.311v57.243c0 7.904 6.407 14.311 14.311 14.311h14.311v57.243H357.77c-7.904 0-14.311 6.407-14.311 14.311v57.243c0 7.904 6.407 14.311 14.311 14.311h14.311V529.5H357.77c-7.904 0-14.311 6.407-14.311 14.311v57.243c0 7.904 6.407 14.311 14.311 14.311h14.311v57.243H357.77c-7.904 0-14.311 6.407-14.311 14.311v57.243c0 7.904 6.407 14.311 14.311 14.311h14.311v57.244zm457.947 0c0 7.904-6.407 14.311-14.311 14.311H500.879c-7.904 0-14.311-6.407-14.311-14.311v-57.243h14.311c7.904 0 14.311-6.407 14.311-14.311V686.92c0-7.904-6.407-14.311-14.311-14.311h-14.311v-57.243h14.311c7.904 0 14.311-6.407 14.311-14.311v-57.243c0-7.904-6.407-14.311-14.311-14.311h-14.311v-57.243h14.311c7.904 0 14.311-6.407 14.311-14.311v-57.243c0-7.904-6.407-14.311-14.311-14.311h-14.311V329.15h14.311c7.904 0 14.311-6.407 14.311-14.311v-57.243c0-7.904-6.407-14.311-14.311-14.311h-14.311v-57.243h14.311c7.904 0 14.311-6.407 14.311-14.311v-57.243c0-7.904-6.407-14.311-14.311-14.311h-14.311V42.932c0-7.904 6.407-14.311 14.311-14.311h314.838c7.904 0 14.311 6.407 14.311 14.311v772.785z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="744.163"
x2="744.163"
y1="857.689"
y2="-48.658"
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="M801.406 71.554H686.919c-7.904 0-14.311 6.407-14.311 14.311v658.298c0 7.904 6.407 14.311 14.311 14.311h114.487c7.904 0 14.311-6.407 14.311-14.311V85.865c0-7.904-6.407-14.311-14.311-14.311zM701.23 729.852V100.176h85.865v42.932h-28.622v28.622h28.622v57.243h-28.622v28.622h28.622v57.243h-28.622v28.622h28.622v57.243h-28.622v28.622h28.622v57.243h-28.622v28.622h28.622v57.243h-28.622v28.622h28.622v57.243h-28.622v28.622h28.622v42.932H701.23z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="186.041"
x2="186.041"
y1="857.689"
y2="-48.658"
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="M85.865 85.865h200.351v28.622H85.865z" fill="url(#c)" />
<linearGradient
id="d"
x1="186.041"
x2="186.041"
y1="857.689"
y2="-48.658"
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="M85.865 257.595h200.351v28.622H85.865z" fill="url(#d)" />
<linearGradient
id="e"
x1="186.041"
x2="186.041"
y1="857.689"
y2="-48.658"
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="M85.865 415.014h200.351v28.622H85.865z" fill="url(#e)" />
<linearGradient
id="f"
x1="186.041"
x2="186.041"
y1="857.689"
y2="-48.658"
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="M85.865 586.744h200.351v28.622H85.865z" fill="url(#f)" />
<linearGradient
id="g"
x1="186.041"
x2="186.041"
y1="857.689"
y2="-48.658"
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="M85.865 758.474h200.351v28.622H85.865z" fill="url(#g)" />
<linearGradient
id="h"
x1="586.744"
x2="586.744"
y1="857.689"
y2="-48.658"
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 71.554h-85.865c-7.904 0-14.311 6.407-14.311 14.311v572.433c0 .2.1.358.114.558.069 1.467.363 2.915.873 4.293.129.315.2.63.329.945.129.315.1.358.186.53l42.932 85.865c3.526 7.074 12.118 9.95 19.192 6.425a14.31 14.31 0 0 0 6.425-6.425l42.932-85.865c.086-.172.1-.358.186-.53.086-.172.2-.63.329-.945.51-1.378.804-2.826.873-4.293 0-.2.115-.358.115-.558V85.865c.001-7.904-6.406-14.311-14.31-14.311zm-71.554 85.865h14.311v486.568h-14.311V157.419zm42.932 0h14.311v486.568h-14.311V157.419zm-42.932-57.243h57.243v28.622h-57.243v-28.622zm28.622 611.988-19.778-39.555h39.555l-19.777 39.555z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category