Contact Button SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cream" data-name="Cream"><path d="M247 291c-196 9-265 269-94 369 19 11 40 18 62 22 28 5 58 2 87 2 52 0 104 0 156 0 109 0 218 3 328 0 196-6 252-277 78-370-52-28-107-22-164-22-47 0-93-2-139-1-79 2-158 1-236 1-26 0-53-2-78-1zM752 491c43 14 76 53 84 98 9 53-13 52-56 52-24 0-46 0-69 0s-46 0-68 0c-45 0-65-1-55-54 8-45 41-82 84-96-66-45-40-152 44-149 67 2 100 80 58 132-6 7-13 14-22 17zM249 361c15-2 31 0 47 0 35 0 70 0 106 0 28 0 57 0 86 0 12 0 25-2 37 0 7 1 15 5 20 9 8 6 14 15 16 25 5 24 1 84 1 112 0 16 0 32 0 48 0 29-1 62-37 69-16 3-34 1-50 1-34 0-68 0-101 0-30 0-124 6-144-10-8-6-14-15-16-25-5-25-1-82-1-110 0-35-13-111 36-119zM146 396c7 0 45 32 46 40 1 4 1 8-1 11-3 4-6 6-11 6-8 0-42-28-45-36-2-5-2-10 1-15 2-3 6-5 10-6zm730 0c4 0 9 2 11 5 4 4 5 8 3 13-1 6-37 39-44 40-4 0-9-2-12-6-4-4-3-9-1-15s37-36 43-37zM116 477c9-2 39-1 48 0 14 2 20 21 5 26-9 3-39 2-48 1-14-2-21-22-5-27zm740 0c9-2 39-2 48 0 14 2 20 22 4 26-9 3-38 3-48 1-15-2-20-22-4-27zM177 527c5 0 9 1 12 5 4 4 5 8 3 13-1 6-37 38-43 39-5 1-10-1-13-5s-3-10-1-15 36-36 42-37zm665 0c12-1 74 51 38 57-13 2-74-52-38-57z" fill="#fcf1d9" stroke="#fcf1d9"/><path d="M541 455c6-7 2-33 2-43-26 22-57 39-85 59-17 11-33 25-51 35-6 3-13 6-19 6s-13-2-19-5c-11-6-22-15-33-23-34-24-69-48-104-71 0 7-2 40 3 43 26 17 134 113 153 113 4 0 7-2 10-3 16-7 30-23 43-33 33-26 67-52 100-78z" fill="#fcf1d9" stroke="#fcf1d9"/></g><g id="teal" data-name="Teal"><path d="M233 262c-205 14-284 291-113 412 60 43 120 40 192 40 41 0 82 0 124 0 79 0 159 0 239 0 38 0 78 2 116 0 207-10 283-287 112-410-62-45-118-42-191-42-41 0-82 0-123 0-79 0-158 0-237 0-40 0-80-2-119 0zm14 29c25-1 52 1 78 1 78 0 157 1 236-1 46-1 92 1 139 1 57 0 112-6 164 22 174 93 118 364-78 370-110 3-219 0-328 0-52 0-104 0-156 0-29 0-59 3-87-2-22-4-43-11-62-22-171-100-102-360 94-369z" fill="#22a1a3" stroke="#22a1a3"/><path d="M235 456c0 2-1 4-3 4 0 30 0 60 0 91 0 11-2 25 0 36 2 6 5 12 11 15 12 8 125 4 149 4 31 0 62 0 93 0 12 0 25 2 37 0 6-1 11-4 15-8 3-3 5-7 6-12 2-14 0-30 0-44 0-28 1-56 1-83-2 0-3-2-3-4-33 26-67 52-100 78-13 10-27 26-43 33-3 1-6 3-10 3-19 0-127-96-153-113z" fill="#22a1a3" stroke="#22a1a3"/><path d="M540 393c-3-6-8-11-15-13-17-5-113-1-137-1-26 0-120-4-138 1-7 2-12 7-15 13 36 25 74 50 111 76 10 6 21 17 32 22 3 1 6 2 9 2 16 0 129-86 153-100z" fill="#22a1a3" stroke="#22a1a3"/></g><g id="navy" data-name="Navy"><path d="M238 243c-219 12-310 294-144 434 65 56 120 56 202 56 39 0 78 0 118 0 124 0 249 3 374 0 220-6 308-292 141-433-65-54-122-57-203-57-38 0-76 0-114 0-83 0-165 0-247 0-43 0-85-2-127 0zm-5 19c39-2 79 0 119 0 79 0 158 0 237 0 41 0 82 0 123 0 73 0 129-3 191 42 171 123 95 400-112 410-38 2-78 0-116 0-80 0-160 0-239 0-42 0-83 0-124 0-72 0-132 3-192-40-171-121-92-398 113-412z" fill="#01264d" stroke="#01264d"/><path d="M249 361c-49 8-36 84-36 119 0 28-4 85 1 110 2 10 8 19 16 25 20 16 114 10 144 10 33 0 67 0 101 0 16 0 34 2 50-1 36-7 37-40 37-69 0-16 0-32 0-48 0-28 4-88-1-112-2-10-8-19-16-25-5-4-13-8-20-9-12-2-25 0-37 0-29 0-58 0-86 0-36 0-71 0-106 0-16 0-32-2-47 0zm291 32c-24 14-137 100-153 100-3 0-6-1-9-2-11-5-22-16-32-22-37-26-75-51-111-76 3-6 8-11 15-13 18-5 112-1 138-1 24 0 120-4 137 1 7 2 12 7 15 13zM235 456c-5-3-3-36-3-43 35 23 70 47 104 71 11 8 22 17 33 23 6 3 13 5 19 5s13-3 19-6c18-10 34-24 51-35 28-20 59-37 85-59 0 10 4 36-2 43 0 2 1 4 3 4 0 27-1 55-1 83 0 14 2 30 0 44-1 5-3 9-6 12-4 4-9 7-15 8-12 2-25 0-37 0-31 0-62 0-93 0-24 0-137 4-149-4-6-3-9-9-11-15-2-11 0-25 0-36 0-31 0-61 0-91 2 0 3-2 3-4z" fill="#01264d" stroke="#01264d"/><path d="M752 491c9-3 16-10 22-17 42-52 9-130-58-132-84-3-110 104-44 149-43 14-76 51-84 96-10 53 10 54 55 54 22 0 45 0 68 0s45 0 69 0c43 0 65 1 56-52-8-45-41-84-84-98zM705 360c80-10 96 113 17 123-82 11-96-113-17-123zm-2 143c44-3 86 21 106 61 5 10 17 49 6 57-5 5-81 2-94 2-19 0-98 3-109 0-3-1-6-2-7-5-5-8 1-32 4-41 13-41 51-70 94-74z" fill="#01264d" stroke="#01264d"/></g><g id="coral" data-name="Coral"><path d="M703 5
…

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

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

import ContactButtonSvg from "./contact-button.jsx"; // from the React tab above

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