Menu

Beta
Sign in
Beta
Edge Swirl SVG background, flat

Edge Swirl SVG background, flat

Nested curved bands sweep from the left edge toward the top without forming a closed spiral. Use them on a magazine contents page or a seminar slide.

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/QLvCF0CVScql/amnt.svg" alt="Edge Swirl" 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="#F7F6F1"/><path d="M0 0H1110C920 34 759 96 645 188C484 318 439 480 276 591C194 648 100 679 0 691Z" fill="#E5EEEA"/><path d="M0 0H870C706 46 574 111 483 200C356 324 329 470 202 556C143 596 76 620 0 630Z" fill="#C9DFD9"/><path d="M0 0H635C505 50 406 116 339 201C244 322 239 440 145 511C101 544 53 562 0 572Z" fill="#AFCFC7"/><path d="M0 0H414C323 50 256 115 212 195C150 309 159 399 93 460C66 485 35 500 0 509Z" fill="#8FB9AF"/><path d="M0 0H213C155 48 114 105 87 173C48 272 61 351 0 406Z" fill="#719E96"/></svg>
CSS background-image
.edge-swirl {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QLvCF0CVScql/amnt.svg");
  background-size: contain;
}
React
import EdgeSwirlSvg from "./edge-swirl.jsx"; // from the React tab above

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

Tags

swirlflowcurvedbackgroundabstractflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Edge Swirl: Sweep nested curved bands from the left edge toward the top, without closing into a spiral. 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