Menu

Beta
Sign in
Beta
Concentric Dots SVG element, flat

Concentric Dots SVG element, flat

Dots follow three circular rings around a centre dot. This radial arrangement can mark a focal point in a diagram or decorate the centre of a round label.

Free · from Dots and grids, flat · Set 2

Similar SVGs

More from Dots and grids, 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/8lPO-PnMQjvD/amnt.svg" alt="Concentric Dots" 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="navy" data-name="Navy"><path d="M290 591c-45 7-34 79 14 70 46-7 34-77-14-70z" fill="#011c4b" stroke="#011c4b"/><path d="M720 591c-44 8-35 78 14 71 45-7 34-79-14-71z" fill="#011c4b" stroke="#011c4b"/><path d="M620 885c8 1 15 23 40 21 16-1 30-13 32-29 5-25-16-45-41-42-10 2-16 9-24 13-2 13-8 21-4 35z" fill="#011c4b" stroke="#011c4b"/><path d="M723 339c-45 7-36 77 12 71 46-6 36-78-12-71z" fill="#011c4b" stroke="#011c4b"/><path d="M110 398c-46 7-35 78 13 70 45-6 36-77-13-70z" fill="#011c4b" stroke="#011c4b"/><path d="M292 338c-46 4-41 75 7 71 48-3 40-75-7-71z" fill="#011c4b" stroke="#011c4b"/><path d="M366 835c-46 5-40 77 9 71 47-5 37-75-9-71z" fill="#011c4b" stroke="#011c4b"/><path d="M257 465c-46 5-40 76 8 71 48-4 39-75-8-71z" fill="#011c4b" stroke="#011c4b"/><path d="M124 580c-46 8-36 78 12 71 46-7 35-78-12-71z" fill="#011c4b" stroke="#011c4b"/><path d="M216 732c-47 4-40 77 8 71 46-5 39-75-8-71z" fill="#011c4b" stroke="#011c4b"/><path d="M830 226c-46 5-40 76 8 71 46-4 38-76-8-71z" fill="#011c4b" stroke="#011c4b"/><path d="M893 579c-47 2-42 75 4 72 47-3 42-74-4-72z" fill="#011c4b" stroke="#011c4b"/><path d="M382 682c-46 6-38 76 10 71 46-5 38-77-10-71z" fill="#011c4b" stroke="#011c4b"/><path d="M798 732c-45 7-34 78 14 70 46-8 34-77-14-70z" fill="#011c4b" stroke="#011c4b"/><path d="M900 398c-44 8-32 80 15 70 46-9 33-78-15-70z" fill="#011c4b" stroke="#011c4b"/><path d="M327 108c-45 6-38 76 10 71 47-5 36-77-10-71z" fill="#011c4b" stroke="#011c4b"/><path d="M761 465c-46 3-43 75 5 72 47-3 41-74-5-72z" fill="#011c4b" stroke="#011c4b"/><path d="M688 108c-45 5-40 75 8 71 47-4 40-76-8-71z" fill="#011c4b" stroke="#011c4b"/><path d="M553 858c-45 7-36 78 12 71 46-7 36-78-12-71z" fill="#011c4b" stroke="#011c4b"/><path d="M384 246c-47 5-40 76 8 71 46-5 40-75-8-71z" fill="#011c4b" stroke="#011c4b"/><path d="M186 226c-45 5-39 76 9 71 46-5 37-75-9-71z" fill="#011c4b" stroke="#011c4b"/><path d="M631 682c-45 7-35 77 12 71 46-7 36-78-12-71z" fill="#011c4b" stroke="#011c4b"/><path d="M634 246c-46 3-42 75 6 71 47-4 40-74-6-71z" fill="#011c4b" stroke="#011c4b"/><path d="M507 715c-45 6-37 77 11 71 45-6 36-77-11-71z" fill="#011c4b" stroke="#011c4b"/><path d="M510 211c-46 3-43 73 4 71 48-2 43-73-4-71z" fill="#011c4b" stroke="#011c4b"/><path d="M511 66c-46 2-45 72 3 71 47-1 43-72-3-71z" fill="#011c4b" stroke="#011c4b"/><path d="M506 469c-45 7-34 78 13 70 45-8 34-77-13-70z" fill="#011c4b" stroke="#011c4b"/></g><g id="coral" data-name="Coral"><path d="M138 308c-45 8-34 80 13 71 46-9 33-78-13-71z" fill="#fc6342" stroke="#fc6342"/><path d="M855 661c-48 5-39 77 8 71 46-5 38-75-8-71z" fill="#fc6342" stroke="#fc6342"/><path d="M731 791c-45 7-36 79 12 71 46-7 34-77-12-71z" fill="#fc6342" stroke="#fc6342"/><path d="M874 308c-46 7-36 78 12 71 45-7 34-77-12-71z" fill="#fc6342" stroke="#fc6342"/><path d="M615 528c-46 4-40 77 8 71 46-5 38-75-8-71z" fill="#fc6342" stroke="#fc6342"/><path d="M159 662c-44 8-34 79 14 70 46-8 34-78-14-70z" fill="#fc6342" stroke="#fc6342"/><path d="M460 858c-46 6-38 77 10 71 45-5 38-77-10-71z" fill="#fc6342" stroke="#fc6342"/><path d="M107 492c-45 7-36 78 12 71 45-7 36-78-12-71z" fill="#fc6342" stroke="#fc6342"/><path d="M398 529c-44 8-31 79 15 70s33-78-15-70z" fill="#fc6342" stroke="#fc6342"/><path d="M615 408c-46 4-41 76 8 71 46-4 38-75-8-71z" fill="#fc6342" stroke="#fc6342"/><path d="M404 408c-46 3-42 74 4 72 46-3 42-74-4-72z" fill="#fc6342" stroke="#fc6342"/><path d="M290 792c-46-1-50 70-3 71 48 1 48-70 3-71z" fill="#fc6342" stroke="#fc6342"/><path d="M904 492c-44 8-33 79 15 70 45-8 33-78-15-70z" fill="#fc6342" stroke="#fc6342"/><path d="M413 78c-45 7-33 79 14 70 45-8 34-77-14-70z" fill="#fc6342" stroke="#fc6342"/><path d="M598 78c-45 7-34 78 13 70 45-7 34-77-13-70z" fill="#fc6342" stroke="#fc6342"/><path d="M248 160c-44 8-33 80 15 70 44-9 32-78-15-70z" fill="#fc6342" stroke="#fc6342"/><path d="M507 590c-46 6-36 78 11 71 45-7 36-77-11-71z" fi
…
CSS background-image
.concentric-dots {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8lPO-PnMQjvD/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.concentric-dots {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8lPO-PnMQjvD/amnt.svg") center / contain no-repeat;
}
React
import ConcentricDotsSvg from "./concentric-dots.jsx"; // from the React tab above

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

Tags

concentric dotsringscirclesradialdotselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Concentric Dots: Dots arranged on three concentric circular rings around a centre dot. A flat element. as part of the pack Dots and grids, 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

Settings