Login Button SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Mo-mVa20m63T/amnt.svg" alt="Login 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="M222 298c-201 10-258 292-71 369 16 6 33 11 51 13 30 4 61 1 92 1 59 0 117 0 177 0 110 0 222 3 333 0 205-6 253-284 68-367-17-8-36-13-55-15-30-3-62-1-92-1-57 0-114 0-170 0-73 0-146 0-219 0-38 0-76-2-114 0zm626 26c33-3 23 61 23 82 0 34 0 70 0 105 0 21 3 141-5 151-10 14-26 6-38 0-42-24-37-20-85-20-23 0-64 3-84 0-5-1-11-4-14-9-11-14 0-33-5-46-1-2 0-3-2-5-2-1-11 8-14 9-5 3-12 5-18 5-41-3-22-53-23-54-2-3-13-1-16-1-30 0-93 5-119-3-23-6-36-32-30-55 9-34 43-33 72-33 9 0 91 1 93-1s-1-6-1-8c-2-5-4-11-4-16 1-27 29-37 49-23 2 1 9 8 10 7 11-5-10-61 18-71 13-4 81-2 101-2 17 0 34 2 51 1 22-1 28-11 41-13z" fill="#012c7c" stroke="#012c7c"/><path d="M750 386h-59c0 11-3 54 0 62 1 3 4 4 6 6 12 10 33 18 36 37 3 22-15 31-30 43-3 2-10 5-11 8-4 7-1 41-1 51h59z" fill="#012c7c" stroke="#012c7c"/></g><g id="midnight" data-name="Midnight"><path d="M225 282c-213 10-281 293-99 390 22 12 45 19 70 23 30 4 62 2 94 2 54 0 107 0 162 0 77 0 156 0 234 0 38 0 76 1 115 0 215-7 280-286 96-388-23-13-48-21-74-25-30-4-62-2-92-2-53 0-105 0-157 0-77 0-153 0-229 0-40 0-80-1-120 0zm-3 16c38-2 76 0 114 0 73 0 146 0 219 0 56 0 113 0 170 0 30 0 62-2 92 1 19 2 38 7 55 15 185 83 137 361-68 367-111 3-223 0-333 0-60 0-118 0-177 0-31 0-62 3-92-1-18-2-35-7-51-13-187-77-130-359 71-369z" fill="#010e2d" stroke="#010e2d"/><path d="M848 324c-13 2-19 12-41 13-17 1-34-1-51-1-20 0-88-2-101 2-28 10-7 66-18 71-1 1-8-6-10-7-20-14-48-4-49 23 0 5 2 11 4 16 0 2 3 6 1 8s-84 1-93 1c-29 0-63-1-72 33-6 23 7 49 30 55 26 8 89 3 119 3 3 0 14-2 16 1 1 1-18 51 23 54 6 0 13-2 18-5 3-1 12-10 14-9 2 2 1 3 2 5 5 13-6 32 5 46 3 5 9 8 14 9 20 3 61 0 84 0 48 0 43-4 85 20 12 6 28 14 38 0 8-10 5-130 5-151 0-35 0-71 0-105 0-21 10-85-23-82zm0 16c3 0 4 0 6 2 4 4 2 80 2 91 0 34 0 68 0 102 0 33 0 65 0 99 0 5 2 17-4 20-5 2-44-21-50-25-44-24-36-13-36-65 0-34 0-68 0-102 0-14-4-67 1-76 2-5 10-8 15-10 7-4 62-36 66-36zm-56 13c-33 23-44 18-82 18-6 0-30-2-33 1-4 3-2 56-2 65-5-3-16-9-18-14s-2-64 0-67c3-6 10-4 16-4 31-1 90-3 119 1zm-42 33v207h-59c0-10-3-44 1-51 1-3 8-6 11-8 15-12 33-21 30-43-3-19-24-27-36-37-2-2-5-3-6-6-3-8 0-51 0-62zM608 525c-27 0-141 4-158-3-11-4-18-15-18-27 0-11 6-22 17-26 15-7 133-3 159-3-4-11-12-24-14-36-4-40 37-6 48 2s69 48 73 56c1 2 2 4 2 8 0 3-1 6-3 9-5 8-60 45-71 53s-31 30-44 18c-5-4-5-9-5-15 2-12 10-25 14-36zm67 29c0 9-3 46 1 52 4 5 64 3 75 3 2 8 7 12 13 18-21 0-85 3-99 0-4-1-6-1-8-4-2-4-2-51 0-55 2-5 14-10 18-14z" fill="#010e2d" stroke="#010e2d"/><path d="M809 484c-16 2-13 26 3 25 16-2 13-27-3-25z" fill="#010e2d" stroke="#010e2d"/></g><g id="white" data-name="White"><path d="M848 340c-4 0-59 32-66 36-5 2-13 5-15 10-5 9-1 62-1 76 0 34 0 68 0 102 0 52-8 41 36 65 6 4 45 27 50 25 6-3 4-15 4-20 0-34 0-66 0-99 0-34 0-68 0-102 0-11 2-87-2-91-2-2-3-2-6-2zM809 484c16-2 19 23 3 25-16 1-19-23-3-25z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M792 353c-29-4-88-2-119-1-6 0-13-2-16 4-2 3-2 62 0 67s13 11 18 14c0-9-2-62 2-65 3-3 27-1 33-1 38 0 49 5 82-18z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M675 554c-4 4-16 9-18 14-2 4-2 51 0 55 2 3 4 3 8 4 14 3 78 0 99 0-6-6-11-10-13-18-11 0-71 2-75-3-4-6-1-43-1-52z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="sky" data-name="Sky"><path d="M608 525c-4 11-12 24-14 36 0 6 0 11 5 15 13 12 33-10 44-18s66-45 71-53c2-3 3-6 3-9 0-4-1-6-2-8-4-8-62-48-73-56s-52-42-48-2c2 12 10 25 14 36-26 0-144-4-159 3-11 4-17 15-17 26 0 12 7 23 18 27 17 7 131 3 158 3z" fill="#5ec6fb" stroke="#5ec6fb"/></g></svg>

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

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

import LoginButtonSvg from "./login-button.jsx"; // from the React tab above

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