Beta

Dot Waves SVG background, flat

Free
Dot Waves SVG background, flat

Rows of dots bend into gentle waves along the top and bottom, leaving space between them. Add it to an event flyer or a newsletter header.

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

dotswavespatternbackgroundhalftoneflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zPTr824ys9-S/amnt.svg" alt="Dot Waves" 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="#172A35"/><g fill="none" stroke="#83A9AD" stroke-width="3.5" stroke-linecap="round" stroke-dasharray="0.1 24" opacity="0.48"><path d="M-20 38 Q180 3 380 38 T780 38 T1180 38 T1620 38"/><path d="M-20 67 Q180 22 380 67 T780 67 T1180 67 T1620 67"/><path d="M-20 96 Q180 41 380 96 T780 96 T1180 96 T1620 96"/><path d="M-20 125 Q180 60 380 125 T780 125 T1180 125 T1620 125"/><path d="M-20 154 Q180 79 380 154 T780 154 T1180 154 T1620 154"/><path d="M-20 183 Q180 98 380 183 T780 183 T1180 183 T1620 183"/></g><g fill="none" stroke="#83A9AD" stroke-width="3.5" stroke-linecap="round" stroke-dasharray="0.1 24" opacity="0.48"><path d="M-20 717 Q180 802 380 717 T780 717 T1180 717 T1620 717"/><path d="M-20 746 Q180 821 380 746 T780 746 T1180 746 T1620 746"/><path d="M-20 775 Q180 840 380 775 T780 775 T1180 775 T1620 775"/><path d="M-20 804 Q180 859 380 804 T780 804 T1180 804 T1620 804"/><path d="M-20 833 Q180 878 380 833 T780 833 T1180 833 T1620 833"/><path d="M-20 862 Q180 897 380 862 T780 862 T1180 862 T1620 862"/></g></svg>
CSS background-image
.dot-waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zPTr824ys9-S/amnt.svg");
  background-size: contain;
}
React
import DotWavesSvg from "./dot-waves.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Dot Waves: Full-frame solid base with rows of dots bending into gentle waves along the top and bottom. as part of the pack Halftone Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Halftone 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