Add icons to this collection by clicking the heart icon.
Library icon - also known as education, study, book, school, university, student, library, learning, and high school. Created in a clean flat gradient style with a white, silver, gray, orange, and pink 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 64 64"
>
<linearGradient
id="d"
x1="23"
x2="23"
y1="63"
y2="1"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7aa8d7" />
<stop offset="1" stop-color="#c3d2e7" />
</linearGradient>
<linearGradient
id="e"
x1="9"
x2="9"
y1="63"
y2="11"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#da5466" />
<stop offset="1" stop-color="#f4929c" />
</linearGradient>
<linearGradient
id="b"
x1="9"
x2="9"
y1="58"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbcc88" />
<stop offset="1" stop-color="#ffe5c3" />
</linearGradient>
<linearGradient
id="f"
x1="33"
x2="33"
y1="63"
y2="15"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8cdd79" />
<stop offset="1" stop-color="#d4e6b6" />
</linearGradient>
<linearGradient
id="a"
x1="33"
x2="33"
y1="57"
y2="53"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6ab891" />
<stop offset="1" stop-color="#85cba9" />
</linearGradient>
<linearGradient id="g" y1="53" y2="49" href="#a" />
<linearGradient
id="h"
x1="54.29"
x2="54.29"
y1="63"
y2="7.45"
gradientTransform="rotate(10.02 54.172 35.137)"
href="#a"
/>
<linearGradient
id="c"
x1="54.29"
x2="54.29"
y1="57.23"
y2="13.21"
gradientTransform="rotate(10.02 54.172 35.137)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4d8e1" />
<stop offset="1" stop-color="#f3f4f5" />
</linearGradient>
<linearGradient
id="i"
x1="54.29"
x2="54.29"
y1="53.01"
y2="17.43"
gradientTransform="rotate(10.02 54.172 35.137)"
href="#a"
/>
<linearGradient id="j" x1="42" x2="42" y1="63" y2="18" href="#b" />
<linearGradient
id="k"
x1="42"
x2="42"
y1="59"
y2="22"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9a254" />
<stop offset="1" stop-color="#f4bb79" />
</linearGradient>
<linearGradient id="l" x1="23" x2="23" y1="58" y2="6" href="#c" />
<path fill="url(#d)" d="M17 1h12v62H17z" />
<path fill="#5b8dc9" d="M17 60h12v3H17z" />
<path fill="url(#e)" d="M1 11h16v52H1z" />
<path fill="#cf4055" d="M1 60h16v3H1z" />
<path
fill="url(#b)"
d="M11 58H7a2 2 0 0 0-2-2V18a2 2 0 0 0 2-2h4a2 2 0 0 0 2 2v38a2 2 0 0 0-2 2z"
/>
<path
fill="#f6b756"
d="M13 53v3a2 2 0 0 0-2 2H7a2 2 0 0 0-2-2v-3a2 2 0 0 1 2 2h4a2 2 0 0 1 2-2z"
/>
<path fill="url(#f)" d="M29 15h8v48h-8z" />
<path fill="url(#a)" d="M29 53h8v4h-8z" />
<path fill="url(#g)" d="M29 49h8v4h-8z" />
<path
fill="url(#h)"
d="M50.29 7.72h8v55h-8z"
transform="rotate(-10.02 54.16 35.15)"
/>
<path fill="#4da67f" d="m54.754 60.744 7.88-1.392.397 2.246-7.88 1.392z" />
<path
fill="url(#c)"
d="M50.29 13.58h8v43.29h-8z"
transform="rotate(-10.02 54.16 35.15)"
/>
<path fill="#c7cdd8" d="m53.727 54.929 7.88-1.392.405 2.295-7.88 1.392z" />
<path
fill="url(#i)"
d="M50.29 17.86h8v34.72h-8z"
transform="rotate(-10.02 54.16 35.15)"
/>
<path fill="url(#j)" d="M37 18h10v45H37z" />
<path fill="url(#k)" d="M37 22h10v37H37z" />
<path fill="#ffd39f" d="M37 20h10v2H37z" />
<path fill="#f6b756" d="M37 61h10v2H37z" />
<path fill="url(#l)" d="M21 6h4v52h-4z" />
<path fill="#c7cdd8" d="M21 54h4v4h-4z" />
<path fill="#fff" d="M21 6h4v4h-4z" />
<path fill="#ffcd9c" d="M41 54V26a1 1 0 0 1 2 0v28a1 1 0 0 1-2 0z" />
<path
fill="#ffd39f"
d="M13 18v3a2 2 0 0 1-2-2H7a2 2 0 0 1-2 2v-3a2 2 0 0 0 2-2h4a2 2 0 0 0 2 2z"
/>
<path fill="#7ece67" d="M29 60h8v3h-8z" />
</svg>
More icons in the same style and category