Dot Rows SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/7u6YsayGc1bE/amnt.svg" alt="Dot Rows" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="grape" data-name="Grape"><path d="M197 239c-35 7-25 64 14 56 36-7 25-63-14-56z" fill="#021e5d" stroke="#021e5d"/><path d="M912 725c-38 2-35 60 2 58s35-59-2-58z" fill="#021e5d" stroke="#021e5d"/><path d="M726 239c-35 7-25 64 14 56 36-7 25-63-14-56z" fill="#021e5d" stroke="#021e5d"/><path d="M906 239c-36 7-25 64 14 56 36-7 25-63-14-56z" fill="#021e5d" stroke="#021e5d"/><path d="M644 725c-37 2-35 59 2 58 38-1 35-60-2-58z" fill="#021e5d" stroke="#021e5d"/><path d="M106 239c-36 6-27 63 12 56 36-6 27-62-12-56z" fill="#021e5d" stroke="#021e5d"/><path d="M198 726c-37 7-25 63 12 57 36-7 27-64-12-57z" fill="#021e5d" stroke="#021e5d"/><path d="M286 239c-36 7-26 63 12 56 37-6 27-63-12-56z" fill="#021e5d" stroke="#021e5d"/><path d="M374 239c-37 7-24 63 12 57 36-7 27-64-12-57z" fill="#021e5d" stroke="#021e5d"/><path d="M639 239c-36 6-26 64 12 57 36-7 27-63-12-57z" fill="#021e5d" stroke="#021e5d"/><path d="M105 726c-35 7-25 64 14 56 36-7 24-63-14-56z" fill="#021e5d" stroke="#021e5d"/><path d="M727 726c-36 7-26 63 12 57 36-6 27-64-12-57z" fill="#021e5d" stroke="#021e5d"/><path d="M551 726c-36 6-27 64 12 56 35-6 27-62-12-56z" fill="#021e5d" stroke="#021e5d"/><path d="M550 239c-35 7-26 64 13 56 36-6 26-63-13-56z" fill="#021e5d" stroke="#021e5d"/><path d="M908 482c-36 6-29 63 10 57 37-6 26-62-10-57z" fill="#021e5d" stroke="#021e5d"/><path d="M814 726c-35 7-26 64 13 56 36-6 25-63-13-56z" fill="#021e5d" stroke="#021e5d"/><path d="M199 482c-36 6-29 62 10 57 37-5 27-63-10-57z" fill="#021e5d" stroke="#021e5d"/><path d="M286 726c-36 7-24 63 12 56 37-6 25-63-12-56z" fill="#021e5d" stroke="#021e5d"/><path d="M462 726c-36 7-25 64 13 56 36-6 26-63-13-56z" fill="#021e5d" stroke="#021e5d"/><path d="M641 482c-36 5-29 61 8 57s29-62-8-57z" fill="#021e5d" stroke="#021e5d"/><path d="M288 482c-37 5-29 61 8 57s29-62-8-57z" fill="#021e5d" stroke="#021e5d"/><path d="M462 239c-36 7-26 64 13 56 36-7 24-63-13-56z" fill="#021e5d" stroke="#021e5d"/><path d="M814 239c-36 7-26 64 13 56 36-7 25-63-13-56z" fill="#021e5d" stroke="#021e5d"/><path d="M729 482c-36 5-31 61 8 57 37-4 29-61-8-57z" fill="#021e5d" stroke="#021e5d"/><path d="M374 726c-36 7-24 63 12 56 37-6 25-62-12-56z" fill="#021e5d" stroke="#021e5d"/><path d="M107 482c-36 5-29 63 10 57 37-5 28-62-10-57z" fill="#021e5d" stroke="#021e5d"/><path d="M375 482c-36 6-29 63 10 57 37-6 26-62-10-57z" fill="#021e5d" stroke="#021e5d"/><path d="M552 482c-37 6-28 62 9 57s27-62-9-57z" fill="#021e5d" stroke="#021e5d"/><path d="M816 482c-36 5-30 62 9 57 37-5 27-62-9-57z" fill="#021e5d" stroke="#021e5d"/><path d="M464 482c-37 5-28 61 8 57 37-4 29-62-8-57z" fill="#021e5d" stroke="#021e5d"/></g></svg>

.dot-rows {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/7u6YsayGc1bE/amnt.svg");
  background-size: contain;
}

.dot-rows {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/7u6YsayGc1bE/amnt.svg") center / contain no-repeat;
}

import DotRowsSvg from "./dot-rows.jsx"; // from the React tab above

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