Beta

Bookshelf SVG background, flat

Free
Bookshelf SVG background, flat

Upright books on shelves border both sides of a plain wall. The open middle can hold text for a library event notice or a reading list.

Sign in to download. Free SVGs are free with any account.

bookshelfbookslibraryreadingillustrationbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/oN3bNqwFpOWe/amnt.svg" alt="Bookshelf" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#F1EDE4"/><defs><g id="bookshelf"><rect width="285" height="900" fill="#D8D0C2"/><rect x="274" width="11" height="900" fill="#806F60"/><g fill="#657E79"><rect x="14" y="85" width="32" height="188"/><rect x="114" y="112" width="27" height="161"/><rect x="208" y="78" width="36" height="195"/><rect x="51" y="394" width="36" height="178"/><rect x="151" y="369" width="31" height="203"/><rect x="226" y="413" width="31" height="159"/><rect x="16" y="694" width="35" height="178"/><rect x="119" y="713" width="27" height="159"/><rect x="195" y="680" width="36" height="192"/></g><g fill="#AF8777"><rect x="49" y="105" width="27" height="168"/><rect x="144" y="74" width="30" height="199"/><rect x="247" y="117" width="25" height="156"/><rect x="13" y="378" width="34" height="194"/><rect x="91" y="410" width="26" height="162"/><rect x="186" y="390" width="36" height="182"/><rect x="55" y="711" width="30" height="161"/><rect x="150" y="686" width="40" height="186"/><rect x="235" y="719" width="34" height="153"/></g><g fill="#B9AB8F"><rect x="80" y="91" width="29" height="182"/><rect x="179" y="100" width="25" height="173"/><rect x="121" y="385" width="26" height="187"/><rect x="261" y="398" width="13" height="174"/><rect x="89" y="691" width="26" height="181"/></g><g fill="#806F60"><rect y="273" width="285" height="16"/><rect y="572" width="285" height="16"/><rect y="872" width="285" height="28"/></g></g></defs><use href="#bookshelf"/><use href="#bookshelf" transform="translate(1600 0) scale(-1 1)"/></svg>
CSS background-image
.bookshelf {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/oN3bNqwFpOWe/amnt.svg");
  background-size: contain;
}
React
import BookshelfSvg from "./bookshelf.jsx"; // from the React tab above

<BookshelfSvg width={48} height={48} />

Made with AMNT

AMNT SVG 1.1 drew this from the words Bookshelf: Shelves of upright books border both sides, leaving a plain wall open between them. as part of the pack Illustrated Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Illustrated Backgrounds, Flat

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence