Beta

Archway SVG background, flat

Free
Archway SVG background, flat

Nested rounded arches shrink into the distance around a clear foreground opening. Place it on an event invitation or use it as a setting for an illustrated passage.

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

archwayarchesarchitecturepassageperspectivebackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/eBSRo61GknUA/amnt.svg" alt="Archway" 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="#182B34"/><g fill="none" stroke-linecap="round"><path d="M45 950V443C45 121 306 38 800 38s755 83 755 405v507" stroke="#304650" stroke-width="90"/><path d="M240 950V486c0-263 193-344 560-344s560 81 560 344v464" stroke="#293E48" stroke-width="64"/><path d="M414 950V527c0-202 132-274 386-274s386 72 386 274v423" stroke="#253944" stroke-width="44"/><path d="M552 950V568c0-144 84-207 248-207s248 63 248 207v382" stroke="#223641" stroke-width="28"/></g></svg>
CSS background-image
.archway {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/eBSRo61GknUA/amnt.svg");
  background-size: contain;
}
React
import ArchwaySvg from "./archway.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Archway: Nested rounded arches diminish into the distance, with a broad clear area inside the nearest arch. as part of the pack Perspective Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Perspective 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