Circle Grid SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nrSgUlC5GHSb/amnt.svg" alt="Circle Grid" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="black" data-name="Black"><path d="M859 775c-103 11-87 175 19 162 103-13 86-173-19-162zm5 9c92-5 100 137 8 144-91 7-99-139-8-144z" fill="#020101" stroke="#020101"/><path d="M504 775c-104 11-88 174 17 162 103-12 88-172-17-162zm6 9c92-3 97 139 6 144-93 5-98-140-6-144z" fill="#020101" stroke="#020101"/><path d="M680 775c-16 2-32 11-43 21-56 53-14 153 64 141 104-16 84-174-21-162zm7 9c92-4 99 138 7 144s-99-139-7-144z" fill="#020101" stroke="#020101"/><path d="M324 775c-103 13-84 176 21 162 103-14 84-175-21-162zm6 9c92-5 101 137 9 144-93 7-101-139-9-144z" fill="#020101" stroke="#020101"/><path d="M859 595c-102 11-87 174 19 162 101-12 88-173-19-162zm5 9c92-5 99 138 8 144-92 6-99-139-8-144z" fill="#020101" stroke="#020101"/><path d="M147 775c-103 12-87 174 18 162 104-12 87-174-18-162zm6 9c92-4 99 138 7 144s-99-139-7-144z" fill="#020101" stroke="#020101"/><path d="M325 595c-102 11-87 173 19 162 102-11 88-173-19-162zm5 9c92-5 100 137 9 144-92 6-101-138-9-144z" fill="#020101" stroke="#020101"/><path d="M327 57c-104 10-90 172 15 162 103-10 90-172-15-162zm0 10c67-7 103 76 55 123-11 10-25 18-40 19-93 9-106-132-15-142z" fill="#020101" stroke="#020101"/><path d="M687 236c-102 4-100 167 8 162 104-5 97-165-8-162zm-4 10c91-9 107 131 15 142s-106-132-15-142z" fill="#020101" stroke="#020101"/><path d="M863 57c-103 6-95 170 11 162 103-8 93-167-11-162zm-4 10c74-8 108 88 48 130-9 6-19 11-29 12-94 11-108-131-19-142z" fill="#020101" stroke="#020101"/><path d="M864 236c-103 5-98 168 10 162 102-5 95-167-10-162zm-3 10c91-9 106 132 15 142-92 11-106-132-15-142z" fill="#020101" stroke="#020101"/><path d="M153 236c-104 5-98 167 8 162 104-5 96-166-8-162zm-2 10c92-7 102 135 11 143-91 7-103-135-11-143z" fill="#020101" stroke="#020101"/><path d="M681 595c-103 12-87 173 19 162 102-11 88-174-19-162zm5 9c92-6 101 137 9 144s-101-137-9-144z" fill="#020101" stroke="#020101"/><path d="M866 415c-104 4-101 166 6 162 103-4 99-165-6-162zm-6 10c66-8 103 77 56 123-11 10-25 18-40 20-92 10-106-132-16-143z" fill="#020101" stroke="#020101"/><path d="M149 595c-103 9-91 171 15 162 102-9 92-171-15-162zm3 9c92-5 100 137 9 144-92 7-101-138-9-144z" fill="#020101" stroke="#020101"/><path d="M684 57c-103 8-92 171 13 162 104-10 91-170-13-162zm-2 10c70-8 107 81 53 126-10 8-23 14-36 16-93 10-107-131-17-142z" fill="#020101" stroke="#020101"/><path d="M504 595c-103 10-89 172 17 162 101-10 91-172-17-162zm3 9c92-7 102 136 11 144-92 8-103-137-11-144z" fill="#020101" stroke="#020101"/><path d="M509 415c-104 5-99 167 8 162 103-4 96-166-8-162zm-5 10c93-10 107 132 17 143-92 10-108-132-17-143z" fill="#020101" stroke="#020101"/><path d="M150 57c-103 9-92 171 13 162 104-9 92-170-13-162zm-2 10c93-10 107 132 16 142s-106-131-16-142z" fill="#020101" stroke="#020101"/><path d="M680 416c-100 11-88 172 21 161 97-10 91-173-21-161zm2 9c93-11 108 131 17 142-93 11-107-131-17-142z" fill="#020101" stroke="#020101"/><path d="M506 57c-103 8-92 171 13 162 105-10 91-170-13-162zm-1 10c71-7 104 84 49 128-9 7-21 13-34 14-93 9-106-132-15-142z" fill="#020101" stroke="#020101"/><path d="M507 236c-102 7-97 169 11 162 104-7 93-168-11-162zm-2 10c91-9 108 131 15 142-92 12-106-132-15-142z" fill="#020101" stroke="#020101"/><path d="M331 415c-104 4-99 167 8 162 103-5 97-166-8-162zm-5 10c91-10 109 130 17 142s-108-131-17-142z" fill="#020101" stroke="#020101"/><path d="M145 416c-99 12-87 173 23 161 98-12 87-173-23-161zm3 9c92-11 108 132 17 143-92 11-108-132-17-143z" fill="#020101" stroke="#020101"/><path d="M322 237c-98 13-86 176 25 160 99-13 84-174-25-160zm6 9c92-8 104 133 13 143-92 9-104-135-13-143z" fill="#020101" stroke="#020101"/></g></svg>

.circle-grid {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nrSgUlC5GHSb/amnt.svg");
  background-size: contain;
}

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

import CircleGridSvg from "./circle-grid.jsx"; // from the React tab above

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