Menu

Beta
Sign in
Beta
Bubbles SVG background, flat

Bubbles SVG background, flat

Small circles gather along the edges, each with an offset highlight that suggests translucency. They suit a children’s activity sheet or a swimming lesson poster.

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/bJ4DOLBYZMAT/amnt.svg" alt="Bubbles" 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="#EAF3F1"/><g fill="#B8DAD6" fill-opacity=".38" stroke="#83B8B5" stroke-opacity=".55" stroke-width="2"><circle cx="52" cy="62" r="29"/><circle cx="135" cy="36" r="16"/><circle cx="218" cy="88" r="23"/><circle cx="28" cy="172" r="18"/><circle cx="105" cy="228" r="35"/><circle cx="36" cy="340" r="24"/><circle cx="151" cy="410" r="15"/><circle cx="55" cy="533" r="33"/><circle cx="18" cy="686" r="20"/><circle cx="119" cy="790" r="29"/><circle cx="47" cy="867" r="17"/><circle cx="382" cy="31" r="18"/><circle cx="560" cy="17" r="26"/><circle cx="798" cy="35" r="14"/><circle cx="1048" cy="22" r="22"/><circle cx="1280" cy="45" r="17"/><circle cx="1544" cy="53" r="30"/><circle cx="1460" cy="110" r="17"/><circle cx="1578" cy="204" r="23"/><circle cx="1500" cy="297" r="31"/><circle cx="1560" cy="424" r="17"/><circle cx="1485" cy="532" r="24"/><circle cx="1575" cy="628" r="29"/><circle cx="1507" cy="732" r="16"/><circle cx="1560" cy="844" r="34"/><circle cx="280" cy="866" r="24"/><circle cx="470" cy="885" r="15"/><circle cx="691" cy="858" r="21"/><circle cx="936" cy="884" r="16"/><circle cx="1168" cy="864" r="27"/><circle cx="1350" cy="885" r="19"/></g><g fill="#FFFFFF" fill-opacity=".8"><circle cx="43" cy="51" r="6"/><circle cx="130" cy="31" r="4"/><circle cx="211" cy="81" r="5"/><circle cx="23" cy="166" r="4"/><circle cx="94" cy="216" r="7"/><circle cx="28" cy="332" r="5"/><circle cx="146" cy="405" r="3"/><circle cx="44" cy="522" r="7"/><circle cx="12" cy="680" r="4"/><circle cx="110" cy="781" r="6"/><circle cx="42" cy="862" r="4"/><circle cx="376" cy="25" r="4"/><circle cx="552" cy="9" r="5"/><circle cx="794" cy="31" r="3"/><circle cx="1041" cy="15" r="5"/><circle cx="1275" cy="40" r="4"/><circle cx="1534" cy="43" r="6"/><circle cx="1455" cy="105" r="4"/><circle cx="1571" cy="197" r="5"/><circle cx="1490" cy="287" r="6"/><circle cx="1555" cy="419" r="4"/><circle cx="1477" cy="524" r="5"/><circle cx="1566" cy="619" r="6"/><circle cx="1502" cy="727" r="4"/><circle cx="1549" cy="833" r="7"/><circle cx="272" cy="858" r="5"/><circle cx="465" cy="880" r="3"/><circle cx="684" cy="851" r="5"/><circle cx="931" cy="879" r="4"/><circle cx="1159" cy="855" r="6"/><circle cx="1344" cy="879" r="4"/></g></svg>
CSS background-image
.bubbles {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/bJ4DOLBYZMAT/amnt.svg");
  background-size: contain;
}
React
import BubblesSvg from "./bubbles.jsx"; // from the React tab above

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

Tags

bubblescirclesfloatingbackground3dflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Bubbles: Small translucent-looking circles gather along the edges, each with a simple offset highlight. 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