Menu

Beta
Sign in
Scattered Circles SVG background, flat

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.

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/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} />

Tags

circlesroundshapesbackgroundabstractflat

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.

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