Sign Up Button SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="violet" data-name="Violet"><path d="M535 321c-71 0-143 1-214 1-36 0-75-4-110 1-85 11-152 78-164 162-14 88 40 172 126 197 45 13 93 7 140 7 59 0 117 0 177 0 63 0 128 0 192 0 44 0 93 4 136-2 83-12 153-76 160-161 8-95-57-182-150-201-37-7-77-3-114-3-60 0-120-1-179-1zM480 504c48 6 83 57 86 103 3 54-17 53-63 53-24 0-48 0-72 0-25 0-49 0-73 0-47 0-66 1-63-53 3-51 39-91 86-104-9-10-18-18-24-30-26-54 13-118 73-119 56-1 96 57 78 110-6 16-16 28-28 40zm215-35c13 0 27-2 39 2 34 12 34 62 2 75-13 6-27 4-41 4 0 13 2 27-2 39-12 33-61 34-74 2-6-13-4-28-4-41-12 0-26 2-38-3-34-11-35-64 0-76 12-4 26-2 38-2 0-14-2-31 5-44 15-28 62-26 73 5 4 12 2 26 2 39z" fill="#0149db" stroke="#0149db"/><path d="M536 640h-211z" fill="#0149db" stroke="#0149db"/><path d="M588 489l45-1z" fill="#0149db" stroke="#0149db"/><path d="M722 489l-44-1z" fill="#0149db" stroke="#0149db"/><path d="M676 479l-1-38z" fill="#0149db" stroke="#0149db"/><path d="M676 567v-34z" fill="#0149db" stroke="#0149db"/><path d="M651 425h8z" fill="#0149db" stroke="#0149db"/><path d="M433 499h-7z" fill="#0149db" stroke="#0149db"/></g><g id="navy" data-name="Navy"><path d="M231 301c-211 10-287 288-103 384 23 12 47 20 73 23 27 3 57 1 85 1 55 0 109 0 165 0 112 0 223-1 336-1 216 0 294-267 109-378-23-14-51-23-78-27-29-4-60-2-89-2-51 0-101 0-151 0-76 0-152 0-228 0-40 0-80-1-119 0zm304 20c59 0 119 1 179 1 37 0 77-4 114 3 93 19 158 106 150 201-7 85-77 149-160 161-43 6-92 2-136 2-64 0-129 0-192 0-60 0-118 0-177 0-47 0-95 6-140-7-86-25-140-109-126-197 12-84 79-151 164-162 35-5 74-1 110-1 71 0 143-1 214-1z" fill="#021334" stroke="#021334"/><path d="M480 504c12-12 22-24 28-40 18-53-22-111-78-110-60 1-99 65-73 119 6 12 15 20 24 30-47 13-83 53-86 104-3 54 16 53 63 53 24 0 48 0 73 0 24 0 48 0 72 0 46 0 66 1 63-53-3-46-38-97-86-103zm-47-5h-7c-72 1-79-126 5-125 83 1 76 127 2 125zM536 640h-211c-11-2-10-12-10-20 0-26 7-50 24-69 24-28 56-31 92-31 35 0 67 3 91 31 15 16 41 83 14 89z" fill="#021334" stroke="#021334"/><path d="M695 469c0-13 2-27-2-39-11-31-58-33-73-5-7 13-5 30-5 44-12 0-26-2-38 2-35 12-34 65 0 76 12 5 26 3 38 3 0 13-2 28 4 41 13 32 62 31 74-2 4-12 2-26 2-39 14 0 28 2 41-4 32-13 32-63-2-75-12-4-26-2-39-2zm-62 19c11-13-12-57 18-63h8c8 1 15 8 16 16l1 38c0 3-1 8 2 9l44 1c18 1 25 26 10 37-11 8-53 0-56 7v34c1 19-16 38-34 22-12-10-7-44-7-59-14 0-47 4-57-5-14-11-7-34 10-36z" fill="#021334" stroke="#021334"/></g><g id="white" data-name="White"><path d="M325 640h211c27-6 1-73-14-89-24-28-56-31-91-31-36 0-68 3-92 31-17 19-24 43-24 69 0 8-1 18 10 20z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M426 499h7c74 2 81-124-2-125-84-1-77 126-5 125z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M659 425h-8c-30 6-7 50-18 63l-45 1c-17 2-24 25-10 36 10 9 43 5 57 5 0 15-5 49 7 59 18 16 35-3 34-22v-34c3-7 45 1 56-7 15-11 8-36-10-37l-44-1c-3-1-2-6-2-9l-1-38c-1-8-8-15-16-16z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import SignUpButtonSvg from "./sign-up-button.jsx"; // from the React tab above

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