Hexagon Grid SVG element, flat

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

<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="M484 30c-4 7-20 42-25 44-3 2-8 1-11 1-43 1-35-10-55 26-2 4-6 15-10 17-13 7-40-5-52 2-10 5-15 38-25 43-4 1-10 0-13 0-42 0-34-7-53 28-3 4-6 13-9 15-12 8-42-4-54 4-7 4-16 38-24 42-4 1-10 0-14 0-41 0-33-6-52 28-16 29-9 24 6 53 2 3 6 9 6 13 0 8-18 29-21 40-5 18 25 35 20 52-3 12-22 31-22 41 0 3 4 9 6 12 3 6 17 25 17 32 1 12-23 32-23 45 1 8 11 21 15 28 2 4 8 11 8 16 0 9-15 28-19 37-2 2-4 5-4 7 0 8 20 36 24 46-4 4-24 37-24 43 0 2 24 47 26 48 4 2 10 1 15 1 40 0 33-7 52 27 2 4 5 14 9 16 12 6 38-4 51 2 9 4 18 39 26 43 3 1 7 0 10 0 38 2 35-12 54 22 19 36 16 20 55 23 2 0 6-1 9 1 5 2 21 36 25 43 9 0 46-2 52 1 3 1 11 19 13 23s6 17 11 19c7 4 47 1 57 1 3-9 9-18 14-26 2-4 6-15 10-17 13-6 39 4 52-2 5-2 9-16 12-21s7-19 12-21c4-2 10-1 15-1 10 0 27 3 36-1 6-3 22-35 25-42 12-3 45 1 53-3 3-1 6-9 7-12 15-28 9-31 43-31 35 0 27-1 43-31 2-3 5-11 8-13 6-2 42 0 52 0l26-49c-34-67-25-26 0-89-4-8-23-38-24-44 0-2 2-5 4-7 3-9 19-29 19-37 0-5-4-10-6-13-4-7-16-25-17-32 0-10 24-34 24-44-1-5-11-20-14-25-15-28-9-22 7-51 2-3 6-9 7-13 0-7-16-29-20-37-1-3-4-5-4-7 0-13 22-31 23-44 1-7-21-43-26-50-9 0-45 2-51 0-2-1-3-4-4-6-5-7-15-35-22-38-4-1-11 0-15 0-10 0-27 3-35-1-5-2-22-37-25-44-10 0-45 2-51 0-2-1-3-4-4-5-6-8-15-35-22-39-15-7-42 8-54-5-10-11-14-27-22-39-11 0-44 3-52-1-3-2-11-20-13-23-2-5-7-18-11-20-6-3-48-1-57-1zm52 9c4 8 21 33 21 40-1 5-6 11-8 15-3 5-8 21-14 24-3 2-41 2-45 1-2-1-22-37-22-40 0-4 5-11 8-15 2-4 10-22 13-24 7-4 37-1 47-1zM413 84h47c3 8 21 33 21 39s-18 34-22 40c-10 0-38 3-46-1-4-2-20-33-22-39zm221 40c-7 7-16 36-23 39-5 2-16 0-22 0-7 0-18 2-23 0-5-3-19-34-23-40 4-6 17-35 22-38s15-1 22-1c6 0 18-2 24 0 5 2 20 34 23 40zm-297 4c5-2 16 0 22 0s18-2 24 1c2 1 21 36 21 39 0 2-20 39-21 39-6 3-17 1-22 1-7 0-18 2-24-1-2-1-22-37-22-39 0-3 20-39 22-40zm199 0c4 9 21 31 21 40 0 4-6 11-8 15s-11 22-14 24-42 2-46 0c-1-1-21-38-21-39 0-5 5-11 7-15 3-4 11-23 14-24 8-4 37-1 47-1zm106 0c10 0 38-3 46 1 4 2 19 33 22 39-3 6-18 38-23 40-6 3-19 0-26 0-9 0-16 2-22-5-3-3-19-32-19-35 0-7 18-34 22-40zM306 172l23 40c-4 7-18 37-23 40-5 2-16 0-22 0-7 0-18 2-23 0-4-2-21-34-23-40 3-6 18-37 23-40 8-3 35 0 45 0zm154 80c-10 0-40 3-47-1-4-2-11-19-14-24-2-4-8-11-8-15 1-2 21-39 22-39 4-2 43-2 46 0 4 2 12 20 14 24 2 3 8 10 8 15 0 8-17 31-21 40zm106-80c9 0 39-3 46 1 4 2 19 34 22 39-3 6-19 38-23 40-6 3-19 0-26 0-9 0-16 2-22-4-3-4-5-9-7-13-3-6-12-16-12-23s17-33 22-40zm199 0c27 56 24 26 0 80-11 0-38 3-46 0-5-2-21-35-23-41 4-5 7-12 11-18 2-5 6-18 11-20 8-4 37-1 47-1zM184 217h47l21 40-21 39h-47c-25-54-28-24 0-79zm200 79c-10 0-41 3-48-1-3-2-11-19-13-23s-8-11-8-15c0-3 20-39 22-40 3-1 43-1 46 1 3 1 11 19 13 23 3 4 8 11 8 16 0 8-16 30-20 39zm152-79c4 9 21 31 21 40 0 4-6 11-8 15-2 3-11 22-13 23-3 2-43 2-46 1-2-1-22-36-22-39 0-5 5-11 8-16s7-20 13-23c7-4 37-1 47-1zm153 79c-10 0-40 3-48-1-3-1-11-19-13-23s-8-11-8-15c0-3 20-39 22-40 4-1 43-1 46 1 4 2 11 19 14 23 2 4 7 11 7 16 0 8-16 30-20 39zm174-39c-5 7-17 36-23 39-5 2-16 0-22 0-7 0-18 2-23 0s-20-34-23-40c7-7 16-36 23-39 5-2 16 0 23 0 5 0 17-2 22 0s20 34 23 40zM176 301c-3 6-18 38-23 40s-16 0-22 0c-7 0-17 2-23-1-2-1-22-37-22-39 0-3 20-39 22-39 4-2 43-2 46 0 3 1 20 34 22 39zm130-40l23 40-23 40c-10 0-39 3-46-1-3-2-11-19-13-23s-8-11-9-16c0-5 7-13 10-18 2-3 9-20 12-21 8-4 36-1 46-1zm154 0c4 8 21 33 21 40 0 6-8 15-11 20-2 4-4 11-8 15-6 7-12 5-21 5-8 0-21 3-27 0-5-2-19-34-23-40 2-5 19-38 23-40 8-3 36 0 46 0zm151 0c5 6 22 33 22 40 0 4-15 31-19 35-5 7-12 5-20 5s-22 3-28 0c-4-2-20-34-23-40 28-46 10-40 68-40zm85 41c3-6 18-39 23-41s16 0 22 0 17-2 23 1c2 0 22 36 22 39 0 2-20 38-22 39-6 3-16 1-22 1-7 0-18 2-23 0-7-3-16-32-23-39zm175-41c9 0 39-3 46 1 3 2 11 19 13 23s8 11 8 16c0 4-6 12-8 16s-10 21-13 23c-7 4-36 1-46 1-4-6-22-34-22-40 0-8 17-31 22-40zM184 306h47c25 55 26 23 0 79h-47l-22-41zm153 0c5-2 16 0 22 0s18-2 24 1c2 1 22 36 22 38 0 3-21 39-22 39-6 3-16 1-22 1-7 0-18 2-24 0-2-1-22-37-22-39 0-3 20-39 22-40zm198 79c-53 0-44 7-68-40 4-7 16-33 20-36 4-
…

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

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

import HexagonGridSvg from "./hexagon-grid.jsx"; // from the React tab above

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