Beta

Sparse Dots SVG background, flat

Free
Sparse Dots SVG background, flat

Small dots gather loosely near the edges and become fewer toward the center. Use the open middle for text on a menu cover or a webinar slide.

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

dotsspecklespatternbackgroundabstractflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TsRE8b_rtrDj/amnt.svg" alt="Sparse Dots" 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="#F7F8F5"/><g fill="#A9C8C1"><circle cx="38" cy="55" r="4"/><circle cx="142" cy="38" r="3"/><circle cx="257" cy="76" r="5"/><circle cx="391" cy="32" r="3"/><circle cx="531" cy="59" r="4"/><circle cx="714" cy="29" r="3"/><circle cx="923" cy="48" r="4"/><circle cx="1097" cy="25" r="3"/><circle cx="1262" cy="70" r="5"/><circle cx="1428" cy="34" r="3"/><circle cx="1559" cy="68" r="4"/><circle cx="64" cy="211" r="3"/><circle cx="29" cy="378" r="4"/><circle cx="75" cy="557" r="3"/><circle cx="35" cy="746" r="5"/><circle cx="1541" cy="197" r="4"/><circle cx="1570" cy="366" r="3"/><circle cx="1533" cy="548" r="5"/><circle cx="1572" cy="731" r="3"/><circle cx="83" cy="859" r="4"/><circle cx="224" cy="834" r="3"/><circle cx="365" cy="866" r="5"/><circle cx="524" cy="842" r="3"/><circle cx="704" cy="871" r="4"/><circle cx="905" cy="851" r="3"/><circle cx="1081" cy="872" r="5"/><circle cx="1248" cy="839" r="3"/><circle cx="1431" cy="866" r="4"/></g><g fill="#D4C5AE"><circle cx="104" cy="118" r="3"/><circle cx="327" cy="142" r="4"/><circle cx="602" cy="109" r="3"/><circle cx="1164" cy="130" r="4"/><circle cx="1491" cy="123" r="3"/><circle cx="132" cy="304" r="4"/><circle cx="96" cy="665" r="3"/><circle cx="1468" cy="290" r="3"/><circle cx="1497" cy="653" r="4"/><circle cx="161" cy="782" r="3"/><circle cx="445" cy="768" r="4"/><circle cx="837" cy="796" r="3"/><circle cx="1197" cy="771" r="4"/><circle cx="1510" cy="807" r="3"/></g><g fill="#D7E2DB"><circle cx="191" cy="167" r="3"/><circle cx="465" cy="182" r="2.5"/><circle cx="1015" cy="165" r="3"/><circle cx="1361" cy="184" r="2.5"/><circle cx="202" cy="440" r="2.5"/><circle cx="1407" cy="449" r="3"/><circle cx="279" cy="730" r="3"/><circle cx="635" cy="739" r="2.5"/><circle cx="1008" cy="738" r="3"/><circle cx="1340" cy="719" r="2.5"/></g></svg>
CSS background-image
.sparse-dots {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TsRE8b_rtrDj/amnt.svg");
  background-size: contain;
}
React
import SparseDotsSvg from "./sparse-dots.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Sparse Dots: Scatter small dots loosely near the edges, thinning them toward the center. as part of the pack Abstract Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Abstract Backgrounds, 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