Beta

Confetti Dots SVG pattern, flat

Free
Confetti Dots SVG pattern, flat

Small circles in two colours scatter at varied angles and intervals. This loose pattern suits birthday invitations and party favour bags.

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

confettidotspartypatternflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/lVYRiuryrvyf/amnt.svg" alt="Confetti Dots" 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="#f8f2e8"/><g fill="#e66b58"><circle cx="9" cy="14" r="3"/><circle cx="43" cy="7" r="2.5"/><circle cx="77" cy="24" r="3.5"/><circle cx="119" cy="11" r="2.5"/><circle cx="163" cy="19" r="3"/><circle cx="27" cy="39" r="3.5"/><circle cx="62" cy="55" r="2.5"/><circle cx="105" cy="43" r="3"/><circle cx="145" cy="52" r="3.5"/><circle cx="185" cy="42" r="2.5"/><circle cx="12" cy="78" r="2.5"/><circle cx="49" cy="91" r="3"/><circle cx="88" cy="72" r="3.5"/><circle cx="130" cy="86" r="2.5"/><circle cx="174" cy="74" r="3"/><circle cx="30" cy="117" r="2.5"/><circle cx="72" cy="108" r="3.5"/><circle cx="112" cy="126" r="3"/><circle cx="154" cy="112" r="2.5"/><circle cx="191" cy="123" r="3.5"/><circle cx="16" cy="151" r="3"/><circle cx="56" cy="140" r="2.5"/><circle cx="96" cy="158" r="3.5"/><circle cx="137" cy="146" r="3"/><circle cx="177" cy="160" r="2.5"/><circle cx="37" cy="182" r="3"/><circle cx="81" cy="189" r="2.5"/><circle cx="121" cy="175" r="3.5"/><circle cx="160" cy="188" r="3"/><circle cx="198" cy="96" r="3"/><circle cx="-2" cy="96" r="3"/><circle cx="101" cy="198" r="2.5"/><circle cx="101" cy="-2" r="2.5"/></g><g fill="#558d91"><circle cx="21" cy="8" r="2.5"/><circle cx="59" cy="23" r="3"/><circle cx="99" cy="14" r="2.5"/><circle cx="141" cy="30" r="3"/><circle cx="181" cy="13" r="3.5"/><circle cx="7" cy="53" r="3.5"/><circle cx="45" cy="46" r="2.5"/><circle cx="84" cy="57" r="3"/><circle cx="124" cy="54" r="2.5"/><circle cx="165" cy="45" r="3"/><circle cx="32" cy="75" r="3"/><circle cx="69" cy="84" r="2.5"/><circle cx="108" cy="76" r="3.5"/><circle cx="151" cy="88" r="3"/><circle cx="190" cy="79" r="2.5"/><circle cx="9" cy="111" r="2.5"/><circle cx="48" cy="121" r="3.5"/><circle cx="91" cy="105" r="3"/><circle cx="133" cy="119" r="3.5"/><circle cx="174" cy="108" r="2.5"/><circle cx="33" cy="150" r="3.5"/><circle cx="75" cy="142" r="3"/><circle cx="114" cy="153" r="2.5"/><circle cx="157" cy="139" r="3.5"/><circle cx="191" cy="149" r="3"/><circle cx="15" cy="181" r="2.5"/><circle cx="58" cy="171" r="3.5"/><circle cx="99" cy="183" r="3"/><circle cx="140" cy="176" r="2.5"/><circle cx="180" cy="186" r="3.5"/><circle cx="2" cy="30" r="3"/><circle cx="202" cy="30" r="3"/><circle cx="151" cy="2" r="3.5"/><circle cx="151" cy="202" r="3.5"/></g></svg>
CSS background-image
.confetti-dots {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/lVYRiuryrvyf/amnt.svg");
  background-size: 200px 200px;
}
React
import ConfettiDotsSvg from "./confetti-dots.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Confetti Dots: Small circles in two colours scattered at varied angles and intervals. as part of the pack Dots patterns, flat. Want one like it? Make your own in the SVG studio.

Rest of Dots patterns, 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