Add icons to this collection by clicking the heart icon.
Text Books icon - also known as graduation, education, book, notebook, school, mortarboard, and text books. Created in a clean flat gradient style with a white 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 32 32"
>
<linearGradient
id="a"
x1="3"
x2="7"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e57373" />
<stop offset="1" stop-color="#ef9a9a" />
</linearGradient>
<linearGradient
id="c"
x1="7"
x2="29"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<linearGradient
id="d"
x1="10"
x2="26"
y1="21.5"
y2="21.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb74d" />
<stop offset="1" stop-color="#ffe0b2" />
</linearGradient>
<linearGradient
id="e"
x1="2.96"
x2="35.29"
y1="21.53"
y2="21.47"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe0b2" />
<stop offset="1" stop-color="#ffb74d" />
</linearGradient>
<linearGradient id="f" x1="13" x2="23" y1="10.44" y2="10.44" href="#a" />
<linearGradient
id="b"
x1="24"
x2="26"
y1="9"
y2="9"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1565c0" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient id="g" x1="10" y1="7.5" y2="7.5" href="#b" />
<g>
<path
fill="url(#a)"
d="M7 2v28H5.53A3.07 3.07 0 0 1 5 30a2.53 2.53 0 0 1-2-2.48V4.53a2.51 2.51 0 0 1 2-2.47A2.33 2.33 0 0 1 5.53 2z"
/>
<path fill="url(#c)" d="M29 3v26a1 1 0 0 1-1 1H7V2h21a1 1 0 0 1 1 1z" />
<path d="M7 2h2v28H7z" opacity=".1" />
<path
fill="#fff"
d="M29 3v26a1 1 0 0 1-1 1h-2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h2a1 1 0 0 1 1 1z"
opacity=".2"
/>
<rect width="16" height="11" x="10" y="17" opacity=".1" rx="1" />
<rect width="16" height="11" x="10" y="16" fill="url(#d)" rx="1" />
<rect
width="13.09"
height="9"
x="11.45"
y="17"
fill="url(#e)"
rx=".82"
/>
<path
d="M22 22h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM22 25h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z"
opacity=".1"
/>
<g fill="#fff">
<path
d="M22 21h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM22 24h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM5 2h2v28H5z"
/>
</g>
<path
fill="url(#f)"
d="M22.57 7.32a1 1 0 0 0-.93-.11L18 8.59l-3.64-1.38a1 1 0 0 0-.93.11 1 1 0 0 0-.43.82V12c0 1.2 1.52 1.45 2.09 1.55a18.52 18.52 0 0 0 2.91.2c4.41 0 5-.88 5-1.75V8.14a1 1 0 0 0-.43-.82z"
/>
<path
fill="url(#b)"
d="M25 12a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path
fill="url(#g)"
d="m25.23 6-7-1.66a.9.9 0 0 0-.46 0l-7 1.66a1 1 0 0 0-.77.91 1 1 0 0 0 .64 1l7 2.66a1 1 0 0 0 .72 0l7-2.66a1 1 0 0 0 .64-1 1 1 0 0 0-.77-.91z"
/>
</g>
</svg>
More icons in the same style and category