Menu

AI SVG Studio
Sign in
Listing Story SVG background, flat

Listing Story SVG background, flat

A vertical listing layout pairs a navy header with a large blank photo area and a cream footer for property details. Use it in social media stories and digital listing presentations.

Free ยท from Real Estate Story Backgrounds

Similar SVGs

More from Real Estate Story Backgrounds

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/m5lkDwnNFksE/amnt.svg" alt="Listing Story" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 1024" width="512" height="1024"><g id="layer-1" data-name="Shape 1"><path d="M0 0L512 0L512 150L0 150Z" fill="#17324f"/></g><g id="layer-2" data-name="Shape 2"><path d="M0 150L512 150" fill="none" stroke="#14283d" stroke-width="8"/></g><g id="layer-3" data-name="Circle 3"><path d="M54 75C54 81.63 48.63 87 42 87C35.37 87 30 81.63 30 75C30 68.37 35.37 63 42 63C48.63 63 54 68.37 54 75Z" fill="#f5ebd8"/></g><g id="layer-4" data-name="Shape 4"><path d="M73 75L130 75" fill="none" stroke="#f5ebd8" stroke-width="8" stroke-linecap="round"/></g><g id="layer-5" data-name="Rectangle 5"><path d="M28 180L484 180L484 732L28 732Z" fill="none" stroke="#14283d" stroke-width="8"/></g><g id="layer-6" data-name="Shape 6"><path d="M0 764L512 764L512 1024L0 1024Z" fill="#f5ebd8"/></g><g id="layer-7" data-name="Shape 7"><path d="M0 764L512 764" fill="none" stroke="#14283d" stroke-width="8"/></g><g id="layer-8" data-name="Shape 8"><path d="M32 1020L480 1020" fill="none" stroke="#14283d" stroke-width="8"/></g><g id="layer-9" data-name="Shape 9"><path d="M32 812L480 812M32 916L480 916" fill="none" stroke="#d9ccb5" stroke-width="4"/></g><g id="layer-10" data-name="Circle 10"><path d="M479 969C479 978.94 470.94 987 461 987C451.06 987 443 978.94 443 969C443 959.06 451.06 951 461 951C470.94 951 479 959.06 479 969Z" fill="none" stroke="#14283d" stroke-width="6"/></g></svg>
CSS background-image
.listing-story {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/m5lkDwnNFksE/amnt.svg");
  background-size: contain;
}
React
import ListingStorySvg from "./listing-story.jsx"; // from the React tab above

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

Tags

real estatelistingpropertyphotostory

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw a vertical real estate listing story background with a large empty rectangular photo area, a navy header band, and a cream footer reserved for property details; no text. as part of the pack Real Estate Story Backgrounds. 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