Menu

Beta
Sign in
Beta
Concentric Circles SVG pattern, flat

Concentric Circles SVG pattern, flat

Nested circular bands form evenly spaced targets. Use this repeating design on a music playlist cover or as a border for a party programme.

Free · from Retro Patterns, Flat

Similar SVGs

More from Retro Patterns, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/P7xmE0cnV_Xn/amnt.svg" alt="Concentric Circles" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#F5EEDC"/><defs><g id="target"><circle r="42" fill="#284F57"/><circle r="32" fill="#F5EEDC"/><circle r="23" fill="#E89B76"/><circle r="13" fill="#F5EEDC"/><circle r="5" fill="#284F57"/></g></defs><use href="#target" x="0" y="0"/><use href="#target" x="100" y="0"/><use href="#target" x="200" y="0"/><use href="#target" x="0" y="100"/><use href="#target" x="100" y="100"/><use href="#target" x="200" y="100"/><use href="#target" x="0" y="200"/><use href="#target" x="100" y="200"/><use href="#target" x="200" y="200"/></svg>
CSS background-image
.concentric-circles {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/P7xmE0cnV_Xn/amnt.svg");
  background-size: 200px 200px;
}
React
import ConcentricCirclesSvg from "./concentric-circles.jsx"; // from the React tab above

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

Tags

concentric circlesringstargetsroundretropatternflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Concentric Circles: Nested circular bands repeat as evenly spaced targets. as part of the pack Retro Patterns, 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