Message SVG illustration, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/OfmQgrnybyLJ/amnt.svg" alt="Message" 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="M208 854c8 0 100-71 115-82 13-10 64-52 76-55 16-3 47 0 65 0 38 0 78 0 117 0 84 0 149-4 219-55 179-131 138-408-62-493-24-11-50-17-76-21-41-5-102-1-145-1-44 0-108-4-149 1-99 13-185 74-229 163-49 98-37 216 32 301 13 17 28 31 45 44 9 7 39 23 44 31s1 16-2 24c-6 17-54 137-50 143zM321 376c77-6 85 110 10 116-77 6-85-110-10-116zm186 0c77-6 85 110 10 116-77 6-86-110-10-116zm186 0c77-6 86 110 10 116-77 6-85-110-10-116z" fill="#b5dffb" stroke="#b5dffb"/></g><g id="navy" data-name="Navy"><path d="M227 702c-6 36-59 129-51 158 5 20 26 30 45 24 17-6 63-45 81-58 13-9 100-76 106-78 8-2 19 0 28 0 70 0 140 3 211 0 247-11 381-286 245-491-47-71-127-125-212-138-23-4-47-4-70-4-47 0-93 0-139 0-88 0-161-1-238 47-159 98-208 313-92 464 23 30 53 57 86 76zM208 854c-4-6 44-126 50-143 3-8 7-16 2-24s-35-24-44-31c-17-13-32-27-45-44-69-85-81-203-32-301 44-89 130-150 229-163 41-5 105-1 149-1 43 0 104-4 145 1 26 4 52 10 76 21 200 85 241 362 62 493-70 51-135 55-219 55-39 0-79 0-117 0-18 0-49-3-65 0-12 3-63 45-76 55-15 11-107 82-115 82z" fill="#0b2952" stroke="#0b2952"/><path d="M507 376c-76 6-67 122 10 116 75-6 67-122-10-116z" fill="#0b2952" stroke="#0b2952"/><path d="M693 376c-75 6-67 122 10 116 76-6 67-122-10-116z" fill="#0b2952" stroke="#0b2952"/><path d="M321 376c-75 6-67 122 10 116 75-6 67-122-10-116z" fill="#0b2952" stroke="#0b2952"/></g></svg>

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

import MessageSvg from "./message.jsx"; // from the React tab above

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