Menu

Beta
Sign in
New Construction SVG background, flat

New Construction SVG background, flat

Stepped geometric blocks frame an empty photo area, with a spacious white footer reserved for details about a new build. Use it in builder brochures and new-home listing posts.

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/n6KmXn1wD57T/amnt.svg" alt="New Construction" 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="Group 1"><path d="M0 0L512 0L512 818L0 818ZM100 76L100 116L64 116L64 182L36 182L36 680L66 680L66 730L112 730L112 772L400 772L400 730L446 730L446 680L476 680L476 182L448 182L448 116L412 116L412 76Z" fill="#e9e5da" fill-rule="evenodd" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 0L174 0L174 38L136 38L136 76L100 76L100 116L64 116L64 182L0 182Z" fill="#b8cdd0" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M174 0L340 0L340 38L378 38L378 76L412 76L412 116L448 116L448 182L512 182L512 0Z" fill="#d7e2de" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 0L88 0L88 42L52 42L52 88L0 88Z" fill="#e4ab70" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 42L52 42L52 0" fill="none" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M88 0L174 0L174 38L136 38L136 76L100 76L100 116L64 116L64 76L88 76Z" fill="#f3c998" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M100 76L136 76M88 38L136 38" fill="none" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M416 0L512 0L512 88L470 88L470 48L416 48Z" fill="#749ba3" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M470 48L470 0" fill="none" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M378 38L416 38L416 48L470 48L470 116L448 116L448 152L412 152L412 76L378 76Z" fill="#b8cdd0" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M416 48L416 76L448 76L448 116" fill="none" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 182L36 182L36 292L0 292Z" fill="#f1d0a5" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 236L36 236" fill="none" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M476 182L512 182L512 354L476 354Z" fill="#a2bdc0" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M476 240L512 240M476 298L512 298" fill="none" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 526L36 526L36 680L66 680L66 730L112 730L112 772L0 772Z" fill="#b8cdd0" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 620L36 620L36 680L66 680L66 730L0 730Z" fill="#749ba3" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 680L36 680" fill="none" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 730L66 730L66 772L112 772L112 818L0 818Z" fill="#f3c998" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M66 772L0 772M54 772L54 818" fill="none" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M476 562L512 562L512 818L400 818L400 772L446 772L446 730L476 730Z" fill="#e4ab70" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M476 620L512 620L512 730L446 730L446 680L476 680Z" fill="#f3c998" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M476 680L512 680" fill="none" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M446 730L512 730L512 818L400 818L400 772L446 772Z" fill="#b8cdd0" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M446 772L512 772M482 772L482 818" fill="none" stroke="#26383e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 818L112 818L112 788L400 788L400 818L512 818L512 102
…
CSS background-image
.new-construction {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/n6KmXn1wD57T/amnt.svg");
  background-size: contain;
}
React
import NewConstructionSvg from "./new-construction.jsx"; // from the React tab above

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

Tags

real estateconstructionnew homebuildingstory

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Draw a new-construction story background with an empty photo area framed by stepped geometric blocks and a spacious white footer for listing information; 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