Beta

Dots SVG pattern, flat

Free
Dots SVG pattern, flat

Loose rows of filled circles come in two sizes, with slightly uneven spacing. They make a simple background for recipe cards or notebook covers.

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

dotspolka dotscircleshand drawnpatternflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9C0F1AkCFLHF/amnt.svg" alt="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="#F6F0E5"/><g fill="#316B70"><circle cx="18" cy="18" r="7"/><circle cx="67" cy="21" r="4"/><circle cx="112" cy="16" r="7"/><circle cx="164" cy="20" r="4"/><circle cx="40" cy="58" r="4"/><circle cx="87" cy="55" r="7"/><circle cx="137" cy="60" r="4"/><circle cx="185" cy="56" r="7"/><circle cx="17" cy="98" r="4"/><circle cx="65" cy="101" r="7"/><circle cx="116" cy="96" r="4"/><circle cx="163" cy="100" r="7"/><circle cx="39" cy="139" r="7"/><circle cx="88" cy="136" r="4"/><circle cx="138" cy="141" r="7"/><circle cx="185" cy="137" r="4"/><circle cx="17" cy="179" r="7"/><circle cx="66" cy="176" r="4"/><circle cx="113" cy="181" r="7"/><circle cx="163" cy="177" r="4"/></g></svg>
CSS background-image
.dots {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9C0F1AkCFLHF/amnt.svg");
  background-size: 200px 200px;
}
React
import DotsSvg from "./dots.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Dots: Loose rows of filled circles in two sizes, with slightly uneven spacing. as part of the pack Hand-Drawn Patterns, Flat. Want one like it? Make your own in the SVG studio.

Rest of Hand-Drawn 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