Pause Button SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/--q-l1Q1PcVF/amnt.svg" alt="Pause Button" 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="M328 231c-202 14-319 246-212 417 49 77 135 129 227 129 76 0 153 0 230 0 41 0 82 2 123 0 203-12 318-246 212-417-48-77-135-129-226-129-79 0-157 0-235 0-40 0-80-2-119 0zm58 101c11-1 23 0 35 0 47 0 43 26 43 65 0 27 0 55 0 83s4 164-3 180c-4 11-15 17-26 18-10 1-22 0-33 0-48-2-43-20-43-62 0-29 0-57 0-85 0-30-4-159 2-178 4-11 14-19 25-21zm201 0c11-1 23 0 34 0 48 0 44 25 44 65 0 27 0 55 0 83s4 163-3 179c-4 11-14 17-26 19-11 2-22 0-34 0-48-2-42-23-42-64 0-27 0-55 0-81 0-29-4-165 2-181 4-10 14-18 25-20z" fill="#012869" stroke="#012869"/></g><g id="midnight" data-name="Midnight"><path d="M339 210c-217 10-355 245-247 437 46 84 134 141 229 149 46 4 93 1 139 1 71 1 142 1 214 1 168 1 303-140 294-308-2-41-11-84-32-121-45-83-127-145-222-156-58-7-118-3-176-3-67 0-133-3-199 0zm-11 21c39-2 79 0 119 0 78 0 156 0 235 0 91 0 178 52 226 129 106 171-9 405-212 417-41 2-82 0-123 0-77 0-154 0-230 0-92 0-178-52-227-129-107-171 10-403 212-417z" fill="#010f29" stroke="#010f29"/></g><g id="ivory" data-name="Ivory"><path d="M587 332c-11 2-21 10-25 20-6 16-2 152-2 181 0 26 0 54 0 81 0 41-6 62 42 64 12 0 23 2 34 0 12-2 22-8 26-19 7-16 3-151 3-179s0-56 0-83c0-40 4-65-44-65-11 0-23-1-34 0z" fill="#fcfaeb" stroke="#fcfaeb"/><path d="M386 332c-11 2-21 10-25 21-6 19-2 148-2 178 0 28 0 56 0 85 0 42-5 60 43 62 11 0 23 1 33 0 11-1 22-7 26-18 7-16 3-152 3-180s0-56 0-83c0-39 4-65-43-65-12 0-24-1-35 0z" fill="#fcfaeb" stroke="#fcfaeb"/></g></svg>

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

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

import PauseButtonSvg from "./pause-button.jsx"; // from the React tab above

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