Radial Dots SVG background, flat

Free
Radial Dots SVG background, flat

Dots follow widely spaced rays spreading from beyond a lower corner. This background suits a lecture slide or the front of an event program.

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

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/xAaZREF-8mFf/amnt.svg" alt="Radial 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="#192B33"/><g fill="none" stroke="#8BA5A5" stroke-width="3" stroke-linecap="round" stroke-dasharray="0.1 48" opacity="0.36"><path d="M-220 1080 80 -100"/><path d="M-220 1080 220 -100"/><path d="M-220 1080 370 -100"/><path d="M-220 1080 530 -100"/><path d="M-220 1080 710 -100"/><path d="M-220 1080 910 -100"/><path d="M-220 1080 1140 -100"/><path d="M-220 1080 1410 -100"/><path d="M-220 1080 1700 -20"/><path d="M-220 1080 1700 130"/><path d="M-220 1080 1700 290"/><path d="M-220 1080 1700 450"/><path d="M-220 1080 1700 610"/><path d="M-220 1080 1700 770"/><path d="M-220 1080 1700 930"/></g></svg>
CSS background-image
.radial-dots {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/xAaZREF-8mFf/amnt.svg");
  background-size: contain;
}
React
import RadialDotsSvg from "./radial-dots.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Radial Dots: Full-frame solid base with dots on widely spaced rays spreading from a point beyond the lower corner. as part of the pack Halftone Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Halftone Backgrounds, Flat

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