Filter Button SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="baby-blue" data-name="Baby Blue"><path d="M243 249c-92 7-171 77-192 166-6 25-5 51-5 78 0 78 16 138 77 190 59 50 120 49 193 49 37 0 75 0 113 0 77 0 154 0 231 0 40 0 81 2 121-1 90-6 168-72 191-160 7-27 6-54 6-82 0-79-15-139-77-191-61-50-116-49-190-49-39 0-77 0-115 0-79 0-158 0-236 0-39 0-79-3-117 0zm244 52c54-2 112 1 163 20 74 27 37 64 4 102-29 33-57 66-85 100-4 4-8 9-9 15-5 29 7 97-2 122-3 10-11 14-21 15-11 1-24 0-35 0-37 0-38-10-38-43 0-23 0-45 0-67 0-10 2-21-1-30-4-12-58-71-69-84-14-17-61-65-63-84-1-10 4-20 11-27 29-31 104-37 145-39z" fill="#afdbfb" stroke="#afdbfb"/><path d="M494 325c-29 2-59 4-87 11-14 3-70 18-44 39 31 26 128 30 167 28 30-1 59-4 88-11 13-3 70-18 43-39-34-26-125-30-167-28z" fill="#afdbfb" stroke="#afdbfb"/></g><g id="grape" data-name="Grape"><path d="M254 224c-103 5-197 74-224 176-8 31-8 61-8 94 0 76 12 132 66 189 83 90 193 73 305 73 125 0 252 1 378 0 101-1 194-72 222-170 9-32 9-64 9-97 0-79-11-132-66-191-82-89-195-74-304-74-83 0-167 0-249 0-43 0-86-2-129 0zm-11 25c38-3 78 0 117 0 78 0 157 0 236 0 38 0 76 0 115 0 74 0 129-1 190 49 62 52 77 112 77 191 0 28 1 55-6 82-23 88-101 154-191 160-40 3-81 1-121 1-77 0-154 0-231 0-38 0-76 0-113 0-73 0-134 1-193-49-61-52-77-112-77-190 0-27-1-53 5-78 21-89 100-159 192-166z" fill="#042a72" stroke="#042a72"/><path d="M487 301c-41 2-116 8-145 39-7 7-12 17-11 27 2 19 49 67 63 84 11 13 65 72 69 84 3 9 1 20 1 30 0 22 0 44 0 67 0 33 1 43 38 43 11 0 24 1 35 0 10-1 18-5 21-15 9-25-3-93 2-122 1-6 5-11 9-15 28-34 56-67 85-100 33-38 70-75-4-102-51-19-109-22-163-20zm7 24c42-2 133 2 167 28 27 21-30 36-43 39-29 7-58 10-88 11-39 2-136-2-167-28-26-21 30-36 44-39 28-7 58-9 87-11z" fill="#042a72" stroke="#042a72"/></g></svg>

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

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

import FilterButtonSvg from "./filter-button.jsx"; // from the React tab above

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