Menu

Beta
Sign in
Beta

Colours and style

Every picture in the library follows these, and so does every download.

Colour of single-colour icons
Palette for colourful pictures
As drawn
100%
Pulsing Dot SVG element, flat

Pulsing Dot SVG element, flat

Two thin concentric circles surround a solid central dot. Use this activity marker on a live location map or next to a recording status.

Free · from Loaders elements, flat · Set 2

Similar SVGs

More from Loaders elements, flat · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/n5m5x1NLCacP/amnt.svg" alt="Pulsing Dot" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="turquoise" data-name="Turquoise"><path d="M496 385c-24 3-47 14-65 29-95 81-27 236 96 223 23-3 45-13 63-27 100-81 33-237-94-225z" fill="#01e2c2" stroke="#01e2c2"/></g><g id="grape" data-name="Grape"><path d="M490 139c-200 11-360 194-346 393 14 206 184 357 390 348 200-9 361-195 346-392-15-204-184-360-390-349zm-2 19c191-10 361 134 373 328 11 188-131 363-324 375-142 8-279-70-340-200-18-39-32-83-34-127-9-189 130-365 325-376z" fill="#0a2665" stroke="#0a2665"/><path d="M502 252c-56 3-112 24-154 62-179 163-68 454 175 447 30-1 60-9 88-20 184-79 206-322 48-441-44-33-102-50-157-48zm-9 19c135-9 250 95 254 231 4 123-95 229-216 240-223 21-345-266-170-415 37-31 83-52 132-56z" fill="#0a2665" stroke="#0a2665"/></g></svg>
CSS background-image
.pulsing-dot {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/n5m5x1NLCacP/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.pulsing-dot {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/n5m5x1NLCacP/amnt.svg") center / contain no-repeat;
}
React
import PulsingDotSvg from "./pulsing-dot.jsx"; // from the React tab above

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

Tags

pulsedotactivityloaderselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Pulsing Dot: Solid central dot enclosed by two thin concentric circles. A flat element. as part of the pack Loaders elements, flat · Set 2. 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

Browse the library

Settings