Beta

Scattered Circles SVG background, flat

Free
Scattered Circles SVG background, flat

Large solid circles extend beyond the corners, with clear space separating them. This layout suits a social media announcement or a classroom worksheet cover.

Sign in to download. Free SVGs are free with any account.

circlesroundshapesbackgroundabstractflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/NK3PWBTQNRHK/amnt.svg" alt="Scattered 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="#F7F7F2"/><circle cx="-105" cy="-95" r="320" fill="#D9E9E5"/><circle cx="1700" cy="-105" r="350" fill="#E6E6D8"/><circle cx="-130" cy="1010" r="365" fill="#C5DCD7"/><circle cx="1720" cy="1020" r="390" fill="#DDE8E2"/></svg>
CSS background-image
.scattered-circles {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/NK3PWBTQNRHK/amnt.svg");
  background-size: contain;
}
React
import ScatteredCirclesSvg from "./scattered-circles.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Scattered Circles: Place large solid circles partly beyond the corners, leaving clear space between them. as part of the pack Abstract Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Abstract Backgrounds, Flat

Whole pack

Similar SVGs

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