Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, pencil, and set square. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="38"
x2="38"
y1="63.262"
y2=".401"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="8" x2="8" y1="63.262" y2=".401" href="#a" />
<linearGradient
id="c"
x1="31.5"
x2="31.5"
y1="63.262"
y2=".401"
href="#a"
/>
<linearGradient id="d" x1="27" x2="27" y1="63.262" y2=".401" href="#a" />
<linearGradient id="e" x1="35" x2="35" y1="63.262" y2=".401" href="#a" />
<linearGradient id="f" x1="32" x2="32" y1="63.262" y2=".401" href="#a" />
<linearGradient id="g" x1="31" x2="31" y1="63.262" y2=".401" href="#a" />
<linearGradient id="h" x1="45" x2="45" y1="63.262" y2=".401" href="#a" />
<linearGradient id="i" x1="42" x2="42" y1="63.262" y2=".401" href="#a" />
<path
fill="url(#a)"
d="M58 2H22a3 3 0 0 0-3 3v15.7l-2.275-2.389A1 1 0 0 0 15 19v42a1 1 0 0 0 1 1h40a1 1 0 0 0 .725-1.689L52.619 56H58a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3zm-7 2h2v3.7l-.168-.252a1.039 1.039 0 0 0-1.664 0L51 7.7zM17 60v-4h2v-2h-2v-4h2v-2h-2v-4h2v-2h-2v-4h2v-2h-2v-4h2v-2h-2v-8.5L53.667 60zm42-7a1 1 0 0 1-1 1h-7.285L21 22.8V5a1 1 0 0 1 1-1h27v7a1 1 0 0 0 1.832.555L52 9.8l1.168 1.752A1 1 0 0 0 55 11V4h3a1 1 0 0 1 1 1z"
/>
<path
fill="url(#b)"
d="M8 8a5.006 5.006 0 0 0-5 5v42a1.006 1.006 0 0 0 .168.555l4 6a1 1 0 0 0 1.664 0l4-6A1.006 1.006 0 0 0 13 55V13a5.006 5.006 0 0 0-5-5zm0 2a3 3 0 0 1 3 3v1H5v-1a3 3 0 0 1 3-3zm1 44V19h2v35zm-4 0V19h2v35zm0-37v-1h6v1zm3 42.2L5.868 56h4.264z"
/>
<path
fill="url(#c)"
d="M23 55h17a1 1 0 0 0 .727-1.687l-17-18A1 1 0 0 0 22 36v18a1 1 0 0 0 1 1zm1-16.485L37.68 53H24z"
/>
<path fill="url(#d)" d="M25 8h4v2h-4z" />
<path fill="url(#e)" d="M31 8h8v2h-8z" />
<path fill="url(#f)" d="M25 12h14v2H25z" />
<path fill="url(#g)" d="M29 18h4v2h-4z" />
<path fill="url(#h)" d="M35 18h20v2H35z" />
<g fill="url(#i)"><path d="M29 22h26v2H29zM29 26h26v2H29z" /></g>
</svg>
More icons in the same style and category