Menu

Beta
Sign in
Beta
Curved Dot Lines SVG background, flat

Curved Dot Lines SVG background, flat

Parallel dotted arcs sweep gently across the lower edge of a solid background. Place them beneath text on a thank-you card or a webinar slide.

Free · from Halftone Backgrounds, Flat

Similar SVGs

More from Halftone Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/vEtOsP9H1JpC/amnt.svg" alt="Curved Dot Lines" 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="#172630"/><g fill="none" stroke="#88A8A6" stroke-width="3" stroke-linecap="round" stroke-dasharray="1 17" opacity="0.48"><path d="M-120 610 Q800 1020 1720 610"/><path d="M-120 650 Q800 1060 1720 650"/><path d="M-120 690 Q800 1100 1720 690"/><path d="M-120 730 Q800 1140 1720 730"/><path d="M-120 770 Q800 1180 1720 770"/><path d="M-120 810 Q800 1220 1720 810"/><path d="M-120 850 Q800 1260 1720 850"/></g></svg>
CSS background-image
.curved-dot-lines {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/vEtOsP9H1JpC/amnt.svg");
  background-size: contain;
}
React
import CurvedDotLinesSvg from "./curved-dot-lines.jsx"; // from the React tab above

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

Tags

curvesdotsarcsbackgroundhalftoneflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Curved Dot Lines: Full-frame solid base with parallel dotted arcs sweeping gently across the lower edge. as part of the pack Halftone 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