Menu

Beta
Sign in
Beta
Orbs SVG background, flat

Orbs SVG background, flat

Large overlapping orbs sit partly beyond the corners and cast flat offset shadows. They make a background for presentation covers and social media announcements.

Free · from 3D Backgrounds, Flat

Similar SVGs

More from 3D Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YKlId7puQAEv/amnt.svg" alt="Orbs" 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="#F1F2EC"/><circle cx="34" cy="18" r="340" fill="#D8DDD4"/><circle cx="-18" cy="-32" r="340" fill="#A9BFB4"/><circle cx="1572" cy="30" r="290" fill="#D8DDD4"/><circle cx="1530" cy="-16" r="290" fill="#88A8A0"/><circle cx="55" cy="916" r="265" fill="#D8DDD4"/><circle cx="12" cy="870" r="265" fill="#C4CBB8"/><circle cx="1555" cy="926" r="350" fill="#D8DDD4"/><circle cx="1508" cy="878" r="350" fill="#A9BFB4"/></svg>
CSS background-image
.orbs {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YKlId7puQAEv/amnt.svg");
  background-size: contain;
}
React
import OrbsSvg from "./orbs.jsx"; // from the React tab above

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

Tags

orbsspheresoverlapbackground3dflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Orbs: A few large overlapping orbs sit partly beyond the corners, casting flat offset shadows. as part of the pack 3D 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