Settings Button SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/IPgdB8rE8QwK/amnt.svg" alt="Settings 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="M265 222c-111 8-204 92-230 198-6 26-7 52-7 80 0 66 19 130 63 182 85 98 170 89 290 89 83 0 168 0 252 0 42 0 84 2 126 0 108-7 202-90 229-193 7-28 8-56 8-85 0-67-18-131-63-182-43-50-107-85-174-89-38-2-77 0-115 0-85 0-169 0-253 0-42 0-85-2-126 0zm308 88l32 14c9-10 24-24 39-25 7 0 16 2 22 6 10 7 35 32 42 42 5 7 7 17 6 25-2 15-16 29-25 38 16 30-1 27 36 33 20 3 31 16 32 37 1 27 8 72-27 80-9 2-20 0-29 4l-12 29c40 48 30 55-12 95-45 42-56-6-73-8-4 0-27 11-31 14 0 6-1 13-2 20-4 36-27 37-58 37-59 0-53-8-62-58-4-2-27-13-30-13-4 1-8 5-10 7-34 29-46 18-74-9-25-26-38-41-11-73 2-3 8-8 9-12 0-4-10-26-13-30-9-2-19-1-28-3-34-9-28-50-27-76 1-37 18-37 48-43 2 0 6 1 8-1 3-2 4-10 6-14 1-3 5-9 5-13 1-23-57-28 2-86 19-19 37-40 65-19 7 5 12 12 20 16l30-13c2-9 1-18 2-26 6-34 32-32 59-32 10 0 21-1 31 0 26 5 31 36 30 57z" fill="#497abd" stroke="#497abd"/></g><g id="baby-blue" data-name="Baby Blue"><path d="M485 276c-17 6-5 40-17 52-5 6-17 7-25 11-7 3-16 9-24 9-18-1-28-31-47-24-5 2-11 11-15 15-6 6-13 11-18 18-14 17 8 28 17 42 8 13-5 36-11 50-11 26-46 6-54 24-3 7-1 16-1 24 0 9-2 23 1 32 6 17 39 4 50 18 5 6 7 17 10 25s10 17 8 26c-3 16-32 26-23 45 3 6 10 10 14 15 6 6 12 13 19 18 16 13 27-10 41-17 13-7 38 7 51 13 22 10 6 35 18 50 6 8 53 8 61 5 17-7 3-42 19-53 6-5 16-6 24-10 7-3 15-9 23-8 31 2 25 59 79-8 13-17-6-29-15-42-11-16 4-34 9-50 12-31 49-6 55-28 1-6 0-15 0-21 0-10 3-24-1-33-4-14-30-8-41-12-14-5-15-23-20-34-4-8-8-14-6-23 1-5 5-9 8-13 5-6 16-15 17-23 1-9-27-35-35-41-16-14-28 8-41 16-14 8-36-6-50-11-26-11-6-50-25-56-6-3-16-1-22-1-10 0-24-3-33 0zm18 120c107-9 158 131 70 193-15 10-33 18-52 19-140 11-157-200-18-212z" fill="#bedef7" stroke="#bedef7"/></g><g id="navy" data-name="Navy"><path d="M271 198c-121 6-225 92-257 209-8 30-10 61-10 93 0 67 18 132 60 186 45 60 120 103 197 108 32 2 65 0 97 0 80 1 158 1 238 0 47 0 95 2 143 0 22-1 43-2 64-6 102-23 184-107 209-208 7-28 8-55 8-83 0-66-15-127-53-181-45-65-120-110-199-117-30-3-60-1-90-1-90 0-180 0-269 0-46 0-93-2-138 0zm-6 24c41-2 84 0 126 0 84 0 168 0 253 0 38 0 77-2 115 0 67 4 131 39 174 89 45 51 63 115 63 182 0 29-1 57-8 85-27 103-121 186-229 193-42 2-84 0-126 0-84 0-169 0-252 0-120 0-205 9-290-89-44-52-63-116-63-182 0-28 1-54 7-80 26-106 119-190 230-198z" fill="#011b4c" stroke="#011b4c"/><path d="M573 310c1-21-4-52-30-57-10-1-21 0-31 0-27 0-53-2-59 32-1 8 0 17-2 26l-30 13c-8-4-13-11-20-16-28-21-46 0-65 19-59 58-1 63-2 86 0 4-4 10-5 13-2 4-3 12-6 14-2 2-6 1-8 1-30 6-47 6-48 43-1 26-7 67 27 76 9 2 19 1 28 3 3 4 13 26 13 30-1 4-7 9-9 12-27 32-14 47 11 73 28 27 40 38 74 9 2-2 6-6 10-7 3 0 26 11 30 13 9 50 3 58 62 58 31 0 54-1 58-37 1-7 2-14 2-20 4-3 27-14 31-14 17 2 28 50 73 8 42-40 52-47 12-95l12-29c9-4 20-2 29-4 35-8 28-53 27-80-1-21-12-34-32-37-37-6-20-3-36-33 9-9 23-23 25-38 1-8-1-18-6-25-7-10-32-35-42-42-6-4-15-6-22-6-15 1-30 15-39 25zm-88-34c9-3 23 0 33 0 6 0 16-2 22 1 19 6-1 45 25 56 14 5 36 19 50 11 13-8 25-30 41-16 8 6 36 32 35 41-1 8-12 17-17 23-3 4-7 8-8 13-2 9 2 15 6 23 5 11 6 29 20 34 11 4 37-2 41 12 4 9 1 23 1 33 0 6 1 15 0 21-6 22-43-3-55 28-5 16-20 34-9 50 9 13 28 25 15 42-54 67-48 10-79 8-8-1-16 5-23 8-8 4-18 5-24 10-16 11-2 46-19 53-8 3-55 3-61-5-12-15 4-40-18-50-13-6-38-20-51-13-14 7-25 30-41 17-7-5-13-12-19-18-4-5-11-9-14-15-9-19 20-29 23-45 2-9-5-18-8-26s-5-19-10-25c-11-14-44-1-50-18-3-9-1-23-1-32 0-8-2-17 1-24 8-18 43 2 54-24 6-14 19-37 11-50-9-14-31-25-17-42 5-7 12-12 18-18 4-4 10-13 15-15 19-7 29 23 47 24 8 0 17-6 24-9 8-4 20-5 25-11 12-12 0-46 17-52z" fill="#011b4c" stroke="#011b4c"/><path d="M503 396c-139 12-122 223 18 212 19-1 37-9 52-19 88-62 37-202-70-193zm1 23c81-7 123 95 61 147-13 10-28 18-45 19-109 10-124-155-16-166z" fill="#011b4c" stroke="#011b4c"/></g><g id="white" data-name="White"><path d="M504 419c-108 11-93 176 16 166 17-1 32-9 45-19 62-52 20-154-61-147z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import SettingsButtonSvg from "./settings-button.jsx"; // from the React tab above

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