Menu

Beta
Sign in
Beta
Dot Columns SVG element, flat

Dot Columns SVG element, flat

Three vertical columns of evenly spaced dots stand well apart. They can divide panels in an infographic or add a pattern along the margin of a planner.

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/6OMEs5WO7wxa/amnt.svg" alt="Dot Columns" 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="M239 610c-42 6-35 71 9 66 43-5 34-71-9-66z" fill="#011746" stroke="#011746"/><path d="M508 610c-43 6-34 71 9 66 43-6 33-71-9-66z" fill="#011746" stroke="#011746"/><path d="M509 151c-43 4-37 69 7 65 43-4 35-69-7-65z" fill="#011746" stroke="#011746"/><path d="M508 794c-42 5-36 71 9 65 42-4 33-69-9-65z" fill="#011746" stroke="#011746"/><path d="M777 610c-42 4-37 70 8 65 43-3 36-69-8-65z" fill="#011746" stroke="#011746"/><path d="M510 518c-43 3-39 68 5 65 43-3 37-67-5-65z" fill="#011746" stroke="#011746"/><path d="M506 335c-42 7-31 72 13 65 42-7 31-72-13-65z" fill="#011746" stroke="#011746"/><path d="M512 426c-43 1-42 67 1 66s41-67-1-66z" fill="#011746" stroke="#011746"/><path d="M241 794c-43 4-36 70 6 66 43-4 36-69-6-66z" fill="#011746" stroke="#011746"/><path d="M778 886c-43 4-37 69 6 66s36-69-6-66z" fill="#011746" stroke="#011746"/><path d="M241 151c-43 4-37 70 6 66s36-69-6-66z" fill="#011746" stroke="#011746"/><path d="M505 887c-42 7-29 73 15 64 42-8 29-71-15-64z" fill="#011746" stroke="#011746"/><path d="M243 886c-43 1-41 67 1 66 43-1 42-67-1-66z" fill="#011746" stroke="#011746"/><path d="M777 794c-43 5-34 70 8 66 43-5 34-70-8-66z" fill="#011746" stroke="#011746"/><path d="M237 62c-41 7-31 73 14 64 42-7 30-71-14-64z" fill="#011746" stroke="#011746"/><path d="M240 243c-43 4-35 70 8 65 42-5 34-69-8-65z" fill="#011746" stroke="#011746"/><path d="M241 518c-43 3-37 70 6 66s36-69-6-66z" fill="#011746" stroke="#011746"/><path d="M240 702c-42 4-36 70 8 65 42-4 34-69-8-65z" fill="#011746" stroke="#011746"/><path d="M237 335c-41 7-31 73 14 64 42-7 30-71-14-64z" fill="#011746" stroke="#011746"/><path d="M510 702c-43 3-38 68 4 66 43-3 39-68-4-66z" fill="#011746" stroke="#011746"/><path d="M506 62c-42 7-32 72 13 64 42-6 31-71-13-64z" fill="#011746" stroke="#011746"/><path d="M777 151c-42 4-36 70 8 65 43-4 34-69-8-65z" fill="#011746" stroke="#011746"/><path d="M775 335c-42 6-32 72 12 65 42-7 32-71-12-65z" fill="#011746" stroke="#011746"/><path d="M778 702c-43 3-36 69 6 66 43-4 36-69-6-66z" fill="#011746" stroke="#011746"/><path d="M236 427c-40 7-29 73 15 64 42-9 29-72-15-64z" fill="#011746" stroke="#011746"/><path d="M774 62c-41 7-31 72 14 64 41-7 30-71-14-64z" fill="#011746" stroke="#011746"/><path d="M509 243c-43 4-38 70 7 65 43-4 35-69-7-65z" fill="#011746" stroke="#011746"/><path d="M777 243c-42 4-37 70 8 65 43-4 35-69-8-65z" fill="#011746" stroke="#011746"/><path d="M773 427c-41 8-28 73 15 64 42-9 29-72-15-64z" fill="#011746" stroke="#011746"/><path d="M778 518c-43 4-36 69 6 66 43-4 36-69-6-66z" fill="#011746" stroke="#011746"/></g></svg>
CSS background-image
.dot-columns {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6OMEs5WO7wxa/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.dot-columns {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6OMEs5WO7wxa/amnt.svg") center / contain no-repeat;
}
React
import DotColumnsSvg from "./dot-columns.jsx"; // from the React tab above

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

Tags

dot columnsdotsverticalpatternelementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Dot Columns: Three widely separated vertical columns of evenly spaced dots. 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