Menu

Beta
Sign in
Beta
Receding Circles SVG background, flat

Receding Circles SVG background, flat

Flat circular rings decrease in size along a diagonal near the lower edge. Use them as a graphic accent on a worksheet or a presentation cover.

Free · from Perspective Backgrounds, Flat

Similar SVGs

More from Perspective Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/wUvCNOgPy4-i/amnt.svg" alt="Receding Circles" 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="#172630"/><g fill="none" stroke="#6C9294" opacity=".65"><circle cx="90" cy="925" r="198" stroke-width="28"/><circle cx="385" cy="867" r="139" stroke-width="22"/><circle cx="625" cy="817" r="95" stroke-width="17"/><circle cx="817" cy="777" r="63" stroke-width="13"/><circle cx="967" cy="746" r="40" stroke-width="10"/><circle cx="1081" cy="722" r="24" stroke-width="7"/><circle cx="1165" cy="704" r="13" stroke-width="5"/></g></svg>
CSS background-image
.receding-circles {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/wUvCNOgPy4-i/amnt.svg");
  background-size: contain;
}
React
import RecedingCirclesSvg from "./receding-circles.jsx"; // from the React tab above

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

Tags

circlesringsrepetitiondepthperspectivebackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Receding Circles: Flat circular rings decrease in size along a diagonal path near the lower edge. as part of the pack Perspective 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