Download Button SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="blue" data-name="Blue"><path d="M201 284c-84 4-158 63-178 146-5 23-4 46-4 70 0 17-1 34 1 51 9 65 52 121 112 147 17 7 35 12 54 14 32 4 65 1 98 1 62 0 124 0 187 0 79 0 158 0 237 0 38 0 78 2 116 0 83-4 157-62 177-143 5-23 5-47 5-71 0-18 1-37-2-54-10-63-52-121-111-145-15-6-31-11-48-14-33-5-69-2-102-2-63 0-126 0-188 0-78 0-156 0-233 0-41 0-81-2-121 0zM571 459c7-7 13-15 21-20 45-25 85 33 50 69-34 33-67 67-100 100 28 0 56-1 85 0 13 1 27-2 40 0 26 4 30 32 28 53-2 12-8 23-19 28-20 9-132 4-161 4-30 0-141 5-162-2-11-4-20-14-22-25-2-7-1-14-1-20 1-49 47-38 82-38 23 0 47-2 71-1-34-33-68-65-100-99-33-34-1-89 44-71 11 4 18 14 27 21 6-45-19-121 30-146 8-5 18-8 28-8 27 0 52 19 58 46 3 15 1 33 1 49 0 20 0 40 0 60z" fill="#0171fb" stroke="#0171fb"/><path d="M471 486l1-129z" fill="#0171fb" stroke="#0171fb"/><path d="M638 675h15z" fill="#0171fb" stroke="#0171fb"/><path d="M506 323h11z" fill="#0171fb" stroke="#0171fb"/></g><g id="navy" data-name="Navy"><path d="M193 266c-90 6-167 72-188 160-5 24-5 49-5 75 0 16-1 32 1 48 8 67 50 128 109 159 22 12 47 19 72 22 30 4 63 1 94 1 61 0 122 0 184 0 83 0 166 0 250 0 40 0 81 2 121 0 91-4 170-73 189-162 5-23 4-47 4-70 0-20 1-39-2-58-10-65-51-122-109-152-22-11-47-19-72-22-30-4-63-1-93-1-61 0-123 0-183 0-83 0-166 0-248 0-41 0-83-2-124 0zm8 18c40-2 80 0 121 0 77 0 155 0 233 0 62 0 125 0 188 0 33 0 69-3 102 2 17 3 33 8 48 14 59 24 101 82 111 145 3 17 2 36 2 54 0 24 0 48-5 71-20 81-94 139-177 143-38 2-78 0-116 0-79 0-158 0-237 0-63 0-125 0-187 0-33 0-66 3-98-1-19-2-37-7-54-14-60-26-103-82-112-147-2-17-1-34-1-51 0-24-1-47 4-70 20-83 94-142 178-146z" fill="#01225d" stroke="#01225d"/><path d="M571 459c0-20 0-40 0-60 0-16 2-34-1-49-6-27-31-46-58-46-10 0-20 3-28 8-49 25-24 101-30 146-9-7-16-17-27-21-45-18-77 37-44 71 32 34 66 66 100 99-24-1-48 1-71 1-35 0-81-11-82 38 0 6-1 13 1 20 2 11 11 21 22 25 21 7 132 2 162 2 29 0 141 5 161-4 11-5 17-16 19-28 2-21-2-49-28-53-13-2-27 1-40 0-29-1-57 0-85 0 33-33 66-67 100-100 35-36-5-94-50-69-8 5-14 13-21 20zM472 357c2-18 17-31 34-34h11c39 1 36 43 36 70 0 13-3 87 0 94 1 3 4 4 7 5 5 0 19-17 24-21 5-6 11-14 18-17 28-13 47 21 27 42-21 22-44 43-65 64-8 8-44 48-52 48-6 0-12-9-16-12-22-22-43-44-64-65-16-16-66-50-36-74 32-26 71 60 75 29zM653 675h-15c-62 0-124 0-185 0-22 0-74 4-93-1-16-4-18-40-4-47 7-3 16-2 24-2 61 0 124 0 186 0 30 0 62-3 92 0 6 1 11 1 15 6 9 11 10 46-20 44z" fill="#01225d" stroke="#01225d"/></g><g id="white" data-name="White"><path d="M517 323h-11c-17 3-32 16-34 34l-1 129c-4 31-43-55-75-29-30 24 20 58 36 74 21 21 42 43 64 65 4 3 10 12 16 12 8 0 44-40 52-48 21-21 44-42 65-64 20-21 1-55-27-42-7 3-13 11-18 17-5 4-19 21-24 21-3-1-6-2-7-5-3-7 0-81 0-94 0-27 3-69-36-70z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M653 675c30 2 29-33 20-44-4-5-9-5-15-6-30-3-62 0-92 0-62 0-125 0-186 0-8 0-17-1-24 2-14 7-12 43 4 47 19 5 71 1 93 1 61 0 123 0 185 0z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import DownloadButtonSvg from "./download-button.jsx"; // from the React tab above

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