Menu

Beta
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