Add icons to this collection by clicking the heart icon.
Bookshelf icon - also known as book, library, bookshelf, shelf, and furniture and household. Created in a clean flat 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="b"
x1="9"
x2="56"
y1="31"
y2="31"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa7004" />
<stop offset="1" stop-color="#583900" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#faab18" />
<stop offset="1" stop-color="#a86d00" />
</linearGradient>
<linearGradient
id="c"
x1="4"
x2="60"
y1="31"
y2="31"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="18"
x2="48"
y1="29"
y2="29"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ef5227" />
<stop offset="1" stop-color="#ab2500" />
</linearGradient>
<linearGradient
id="e"
x1="19"
x2="41"
y1="29"
y2="29"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdcd08" />
<stop offset="1" stop-color="#9e7f00" />
</linearGradient>
<linearGradient
id="f"
x1="18.036"
x2="33"
y1="45"
y2="45"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="20"
x2="44"
y1="27"
y2="27"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b7e546" />
<stop offset="1" stop-color="#86bc00" />
</linearGradient>
<linearGradient
id="h"
x1="25"
x2="40"
y1="27"
y2="27"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#83d3f0" />
<stop offset="1" stop-color="#00b4f6" />
</linearGradient>
<linearGradient
id="i"
x1="26"
x2="36"
y1="34"
y2="34"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#56bdea" />
<stop offset="1" stop-color="#008fcd" />
</linearGradient>
<linearGradient
id="j"
x1="20.694"
x2="40.001"
y1="33"
y2="33"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#abd641" />
<stop offset="1" stop-color="#77a309" />
</linearGradient>
<linearGradient
id="k"
x1="17"
x2="42"
y1="30"
y2="30"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d83724" />
<stop offset="1" stop-color="#941203" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M21 20h12v11h14V13.987A2 2 0 0 1 51 14v44a2 2 0 0 1-4 0v-4H17v4a2 2 0 0 1-4 0V13.987A2 2 0 0 1 17 14v17h4zm10 19h12v11h4V35H17v15h14z"
/>
<path
fill="url(#c)"
d="M13 13.987A2 2 0 0 1 17 14v44a2 2 0 0 1-4 0zM47 13.987A2 2 0 0 1 51 14v44a2 2 0 0 1-4 0z"
/>
<path fill="url(#d)" d="M21 20h4v11h-4z" />
<path fill="url(#e)" d="m31 40.474-3.464-2-5.5 9.526 3.464 2z" />
<path fill="url(#f)" d="M24 44.598 22.036 48l3.464 2 1.964-3.402z" />
<path fill="url(#g)" d="M25 20h4v11h-4z" />
<path fill="url(#h)" d="M29 20h4v11h-4zM31 39h4v11h-4z" />
<path fill="url(#g)" d="M35 39h4v11h-4z" />
<path fill="url(#d)" d="M39 39h4v11h-4z" />
<path fill="url(#e)" d="m36.464 19.474-3.464 2L38.5 31l3.464-2z" />
<path fill="url(#i)" d="M29 20h4v4h-4z" />
<path fill="url(#j)" d="M25 20h4v4h-4z" />
<path fill="url(#k)" d="M21 20h4v4h-4z" />
<path fill="url(#i)" d="M31 46h4v4h-4z" />
<path fill="url(#j)" d="M35 46h4v4h-4z" />
<path fill="url(#k)" d="M39 46h4v4h-4z" />
</g>
</svg>
More icons in the same style and category