Columns SVG background, flat

Columns SVG background, flat

Tall rectangular columns line the right edge, showing their tops and shaded sides. They provide a background for report covers and conference schedules.

Similar SVGs

More from 3D Backgrounds, Flat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/GHIrDz2ZbShm/amnt.svg" alt="Columns" 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="#E8EFED"/><path d="M1120 260L1180 230L1230 260L1170 290Z" fill="#CBDAD5"/><path d="M1120 260L1170 290V900H1120Z" fill="#A7C3C0"/><path d="M1170 290L1230 260V900H1170Z" fill="#789E9C"/><path d="M1240 170L1300 140L1350 170L1290 200Z" fill="#CBDAD5"/><path d="M1240 170L1290 200V900H1240Z" fill="#A7C3C0"/><path d="M1290 200L1350 170V900H1290Z" fill="#789E9C"/><path d="M1360 320L1420 290L1470 320L1410 350Z" fill="#CBDAD5"/><path d="M1360 320L1410 350V900H1360Z" fill="#A7C3C0"/><path d="M1410 350L1470 320V900H1410Z" fill="#789E9C"/><path d="M1480 100L1540 70L1600 100L1540 130Z" fill="#CBDAD5"/><path d="M1480 100L1540 130V900H1480Z" fill="#A7C3C0"/><path d="M1540 130L1600 100V900H1540Z" fill="#789E9C"/></svg>
CSS background-image
.columns {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/GHIrDz2ZbShm/amnt.svg");
  background-size: contain;
}
React
import ColumnsSvg from "./columns.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Columns: A row of tall rectangular columns lines the right edge, showing tops and shaded sides. as part of the pack 3D Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

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

Settings