Menu Button SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/erMArDc4PJyK/amnt.svg" alt="Menu Button" 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="M212 206c-77 5-145 61-166 135-8 27-7 54-7 83 0 44 0 88 0 133 0 76-5 145 53 204 60 61 120 56 201 56 44 0 88 0 133 0 87 0 174 0 262 0 42 0 84 2 126 0 80-5 149-66 168-142 6-25 5-50 5-75 0-45 0-91 0-135 0-81 5-140-53-202-57-62-128-57-204-57-43 0-86 0-129 0-87 0-173 0-259 0-43 0-87-3-130 0zm-1 87c34-4 86 0 123 0 90 0 180 0 271 0 65 0 131-1 197 0 71 1 73 90 12 97-34 4-86 0-122 0-91 0-181 0-271 0-66 0-132 0-197 0-74 0-73-90-13-97zm-2 167c30-4 87 0 121 0 90 0 181 0 272 0 65 0 131 0 197 0 80 0 72 89 17 96-30 4-87 0-120 0-91 0-182 0-272 0-66 0-132 0-197 0-82 0-71-89-18-96zm0 166c31-4 86 0 120 0 90 0 181 0 272 0 65 0 130 0 196 0 9 0 19-1 28 2 48 16 40 84-8 92-33 5-87 1-121 1-91 0-180 0-270 0-66 0-131 0-196 0-86 0-74-88-21-95z" fill="#043485" stroke="#043485"/></g><g id="midnight" data-name="Midnight"><path d="M214 186c-119 6-194 104-194 219 0 47 0 95 0 143 0 79-6 153 51 217 34 38 84 66 136 69 20 1 42 0 63 0 46 0 93-2 140 0 43 1 87 0 131 0 86 0 173 0 260 0 115 0 205-91 205-206 0-55 0-110 0-164 0-37 3-76-4-112-7-33-22-63-42-89-36-45-91-74-149-77-21-1-44 0-65 0-41 0-81 0-121 0-91 0-181 0-271 0-47 0-94-2-140 0zm-2 20c43-3 87 0 130 0 86 0 172 0 259 0 43 0 86 0 129 0 76 0 147-5 204 57 58 62 53 121 53 202 0 44 0 90 0 135 0 25 1 50-5 75-19 76-88 137-168 142-42 2-84 0-126 0-88 0-175 0-262 0-45 0-89 0-133 0-81 0-141 5-201-56-58-59-53-128-53-204 0-45 0-89 0-133 0-29-1-56 7-83 21-74 89-130 166-135z" fill="#181d2a" stroke="#181d2a"/><path d="M209 460c-53 7-64 96 18 96 65 0 131 0 197 0 90 0 181 0 272 0 33 0 90 4 120 0 55-7 63-96-17-96-66 0-132 0-197 0-91 0-182 0-272 0-34 0-91-4-121 0zm0 16c22-4 78 0 104 0 85 0 171 0 257 0 60 0 120 0 181 0 21 0 65-6 81 9 19 17 9 50-16 54-26 5-77 1-105 1-86 0-170 0-255 0-61 0-121 0-181 0-23 0-65 6-81-9-19-17-11-50 15-55z" fill="#181d2a" stroke="#181d2a"/><path d="M211 293c-60 7-61 97 13 97 65 0 131 0 197 0 90 0 180 0 271 0 36 0 88 4 122 0 61-7 59-96-12-97-66-1-132 0-197 0-91 0-181 0-271 0-37 0-89-4-123 0zm-2 16c21-3 78 0 103 0 86 0 172 0 259 0 60 0 120 0 181 0 21 0 65-6 80 9 18 18 9 51-16 55-22 5-77 1-102 1-87 0-173 0-259 0-61 0-121 0-181 0-22 0-65 7-81-9-17-18-10-51 16-56z" fill="#181d2a" stroke="#181d2a"/><path d="M209 626c-53 7-65 95 21 95 65 0 130 0 196 0 90 0 179 0 270 0 34 0 88 4 121-1 48-8 56-76 8-92-9-3-19-2-28-2-66 0-131 0-196 0-91 0-182 0-272 0-34 0-89-4-120 0zm14 15c42-2 85 1 128 1 75-1 151-1 227-1 57 0 116 1 174 0 20 0 65-4 79 9 21 18 9 49-16 54-26 5-78 1-106 1-87 0-174 0-260 0-61 0-123 0-183 0-24 0-63 8-77-15-18-29 7-47 34-49z" fill="#181d2a" stroke="#181d2a"/></g><g id="white" data-name="White"><path d="M209 309c-26 5-33 38-16 56 16 16 59 9 81 9 60 0 120 0 181 0 86 0 172 0 259 0 25 0 80 4 102-1 25-4 34-37 16-55-15-15-59-9-80-9-61 0-121 0-181 0-87 0-173 0-259 0-25 0-82-3-103 0z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M209 476c-26 5-34 38-15 55 16 15 58 9 81 9 60 0 120 0 181 0 85 0 169 0 255 0 28 0 79 4 105-1 25-4 35-37 16-54-16-15-60-9-81-9-61 0-121 0-181 0-86 0-172 0-257 0-26 0-82-4-104 0z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M223 641c-27 2-52 20-34 49 14 23 53 15 77 15 60 0 122 0 183 0 86 0 173 0 260 0 28 0 80 4 106-1 25-5 37-36 16-54-14-13-59-9-79-9-58 1-117 0-174 0-76 0-152 0-227 1-43 0-86-3-128-1z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import MenuButtonSvg from "./menu-button.jsx"; // from the React tab above

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