Menu

Beta
Sign in
Beta
Nested Arches SVG background, flat

Nested Arches SVG background, flat

Broad arches rise in layers from the bottom edge but stop below the center. Use the space above them for a greeting card message or a website page title.

Free · from Abstract Backgrounds, Flat

Similar SVGs

More from Abstract Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Td18whLyH7Fx/amnt.svg" alt="Nested Arches" 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="#F7F7F2"/><path d="M-240 900V800C-240 565 227 400 800 400S1840 565 1840 800V900Z" fill="#E5EFEC"/><path d="M-85 900V810C-85 625 311 475 800 475S1685 625 1685 810V900Z" fill="#D1E4DF"/><path d="M85 900V825C85 680 405 555 800 555S1515 680 1515 825V900Z" fill="#BAD8D1"/><path d="M270 900V845C270 735 507 635 800 635S1330 735 1330 845V900Z" fill="#9FC9C0"/><path d="M465 900V865C465 790 615 715 800 715S1135 790 1135 865V900Z" fill="#80B4AB"/></svg>
CSS background-image
.nested-arches {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Td18whLyH7Fx/amnt.svg");
  background-size: contain;
}
React
import NestedArchesSvg from "./nested-arches.jsx"; // from the React tab above

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

Tags

archessemicirclesnestedbackgroundabstractflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Nested Arches: Stack broad arch shapes rising from the bottom edge, with their tops below the center. as part of the pack Abstract 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