Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, pencil, edit, editing, writing, edition, notepad, and text lines. Created in a clean gradient style with a gray finish, 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 512 512"
>
<linearGradient
id="c"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9dd7f5" />
<stop offset=".997" stop-color="#7fa7fc" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#f2f7ff" />
<stop offset=".997" stop-color="#e0e6f3" />
</linearGradient>
<linearGradient
id="d"
x1="172.594"
x2="376.203"
y1="293.41"
y2="293.41"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="172.594"
x2="413"
y1="141.01"
y2="141.01"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e0e6f3" />
<stop offset=".997" stop-color="#c8cedf" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#6e7b84" />
<stop offset=".997" stop-color="#4e5a61" />
</linearGradient>
<linearGradient
id="f"
x1="209.391"
x2="339.406"
y1="238.215"
y2="238.215"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="209.391"
x2="339.406"
y1="293.41"
y2="293.41"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="209.391"
x2="339.406"
y1="348.606"
y2="348.606"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="99"
x2="154.195"
y1="206.018"
y2="206.018"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="99"
x2="154.195"
y1="318.312"
y2="318.312"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d752" />
<stop offset=".997" stop-color="#e69022" />
</linearGradient>
<linearGradient
id="k"
x1="99"
x2="154.195"
y1="238.215"
y2="238.215"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<path
fill="url(#d)"
d="M367.004 173.82H181.793c-5.078 0-9.199 4.121-9.199 9.199V413h203.609V183.02c0-5.079-4.121-9.2-9.199-9.2z"
/>
<path
fill="#6e7b84"
d="M209.28 127.824c-.714 12.275 3.477 28.124-1.73 36.184-10.893 16.861-34.957 19.012-34.957 19.012v-55.195h36.687z"
/>
<path
fill="url(#e)"
d="M413 99v24.991c0 40.63-36.797 59.028-36.797 59.028H172.594c.288-.454 36.797-17.638 36.797-59.028V99z"
/>
<path fill="url(#f)" d="M209.391 229.016h130.016v18.399H209.391z" />
<path fill="url(#g)" d="M209.391 284.211h130.016v18.399H209.391z" />
<path fill="url(#h)" d="M209.391 339.406h130.016v18.398H209.391z" />
<path
fill="url(#i)"
d="M154.195 173.82v55.195c0 5.078-4.121 9.199-9.199 9.199h-36.797c-5.078 0-9.199-4.121-9.199-9.199V173.82z"
/>
<path
fill="url(#j)"
d="M154.195 247.414v123.398l-27.598 27.598L99 370.812V247.414c0-5.078 4.121-9.199 9.199-9.199h36.797c5.078 0 9.199 4.121 9.199 9.199z"
/>
<path fill="url(#k)" d="M99 229.016h55.195v18.399H99z" />
</svg>
More icons in the same style and category