Hexagon SVG logo, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cobalt" data-name="Cobalt"><path d="M896 482c-12-26-29-49-44-74-30-50-60-101-91-152-7-11-62-105-64-106-2-2-4-1-7-2-14-3-32 0-46 0-44 0-88 0-132 0-24 0-170-3-180 0-7 2-61 96-70 110-30 49-59 98-89 148-15 25-28 51-45 75 12 26 31 51 46 77 29 49 59 98 87 147 7 11 60 104 63 105 3 2 7 1 11 1 58 3 118 0 178 0 41 0 81 0 123 0 18 0 37 2 56 0 3 0 6 0 8-1 4-2 56-94 63-105 32-54 64-107 96-161 12-20 22-43 37-62z" fill="#016bfb" stroke="#016bfb"/></g><g id="grape" data-name="Grape"><path d="M99 481c15 34 39 65 58 97 28 48 57 97 86 146 7 12 63 110 67 111 4 2 10 1 14 1 63 1 128 0 192 0 46 0 94 0 141 0 16 0 36 3 51 0 3-1 5 0 7-2 5-3 61-101 69-115 24-40 47-81 72-121 8-13 68-110 68-115 1-3 0-3-1-6-3-10-32-53-40-66-35-58-69-116-104-174-7-12-66-112-69-113-3-2-7-1-10-1-18-1-36 1-53 1-46 0-92-1-137-1-24 0-185-3-193 0-7 2-66 104-74 118-32 54-65 107-97 161-14 23-31 59-47 79zm797 1c-15 19-25 42-37 62-32 54-64 107-96 161-7 11-59 103-63 105-2 1-5 1-8 1-19 2-38 0-56 0-42 0-82 0-123 0-60 0-120 3-178 0-4 0-8 1-11-1-3-1-56-94-63-105-28-49-58-98-87-147-15-26-34-51-46-77 17-24 30-50 45-75 30-50 59-99 89-148 9-14 63-108 70-110 10-3 156 0 180 0 44 0 88 0 132 0 14 0 32-3 46 0 3 1 5 0 7 2 2 1 57 95 64 106 31 51 61 102 91 152 15 25 32 48 44 74z" fill="#021465" stroke="#021465"/></g></svg>

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

import HexagonSvg from "./hexagon.jsx"; // from the React tab above

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