Menu

Beta
Sign in
Beta
Spiral SVG background, flat

Spiral SVG background, flat

Spaced curved bands wind outward from an off-center point and continue beyond the frame. Use this backdrop for a motion design portfolio or a puzzle game start screen.

Free · from Animated Backgrounds, Flat

Similar SVGs

More from Animated Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/aRnjL6gHlNM3/amnt.svg" alt="Spiral" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice" role="img" aria-label="Broad, widely spaced spiral bands curving around a point beyond the left edge"><rect width="1600" height="900" fill="#214F70"/><path d="M1840 1150 C1810 390 1080 -210 350 -180 C-390 -150 -650 470 -390 940 C-150 1370 570 1250 790 750 C1010 250 530 -110 80 90 C-330 270 -410 740 -130 930" fill="none" stroke="#397B96" stroke-width="150" stroke-linecap="round"/><path d="M1840 1150 C1810 390 1080 -210 350 -180 C-390 -150 -650 470 -390 940 C-150 1370 570 1250 790 750 C1010 250 530 -110 80 90 C-330 270 -410 740 -130 930" fill="none" stroke="#68A4B0" stroke-width="48" stroke-linecap="round"/></svg>
CSS background-image
.spiral {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/aRnjL6gHlNM3/amnt.svg");
  background-size: contain;
}
React
import SpiralSvg from "./spiral.jsx"; // from the React tab above

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

Tags

spiralswirlcurverotationanimatedbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Spiral: Wind a broad spiral from an off-center point beyond the frame, using spaced curved bands. as part of the pack Animated 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