Phone Message SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HSVN3bBdFdth/amnt.svg" alt="Phone 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="M679 115c-121 8-215 124-196 243 14 91 92 163 185 168 28 1 54-5 82-11 24-4 56 21 78 32 2 1 27 15 27 15 5-2-5-48-6-56-2-14-8-29-7-42 1-16 22-37 29-51 12-22 20-47 22-71 14-125-87-235-214-227zm1 179c22 0 110-4 125 3 7 2 12 10 14 17 2 12-4 25-16 29-16 6-92 2-113 2-24 0-108 6-125-2-7-3-13-10-14-18-2-11 4-25 15-28 14-5 93-2 114-3z" fill="#add9fb" stroke="#add9fb"/></g><g id="navy" data-name="Navy"><path d="M222 209c-33 22-63 48-77 87-50 141 137 366 238 451 69 59 203 156 297 117 25-10 44-27 62-46 2-3 14-13 13-16s-4-1-6-3c-5-2-11-3-16-6-10-6-20-12-30-19-24-15-48-30-73-45-11-7-25-13-35-23-7-6-11-15-16-23-11 6-23 9-36 5-37-12-107-79-134-108-25-27-96-108-98-144-1-13 5-23 13-33-10-4-19-12-24-20-18-25-33-65-46-94-9-20-22-41-29-62-2-6-3-12-3-18z" fill="#0d346a" stroke="#0d346a"/><path d="M648 609c-15 3-44 34-46 49-5 27 23 39 42 50 20 13 103 69 120 69 29-1 57-50 42-75-8-13-23-20-35-27-20-13-91-60-108-65-5-1-10-2-15-1z" fill="#0d346a" stroke="#0d346a"/><path d="M289 168c-9 1-18 6-26 11-35 24 1 73 15 101 9 20 35 83 48 95 8 8 20 11 31 8 8-2 16-8 23-12 42-27 7-68-8-101-10-21-35-81-51-93-9-7-21-10-32-9z" fill="#0d346a" stroke="#0d346a"/></g><g id="midnight" data-name="Midnight"><path d="M288 143c-31 3-104 58-126 81-41 41-56 98-48 154 15 102 77 195 140 274 78 98 258 255 389 247 49-3 90-32 121-67 31-36 85-81 69-132-4-11-11-22-21-29-23-20-69-43-97-60-61-38-86-40-130 22-21 31-21 43-57 17-20-14-39-29-57-46-36-33-69-69-98-108-67-91-34-62 26-107 54-39 12-97-10-141-21-44-41-111-101-105zm1 25c11-1 23 2 32 9 16 12 41 72 51 93 15 33 50 74 8 101-7 4-15 10-23 12-11 3-23 0-31-8-13-12-39-75-48-95-14-28-50-77-15-101 8-5 17-10 26-11zm-67 41c0 6 1 12 3 18 7 21 20 42 29 62 13 29 28 69 46 94 5 8 14 16 24 20-8 10-14 20-13 33 2 36 73 117 98 144 27 29 97 96 134 108 13 4 25 1 36-5 5 8 9 17 16 23 10 10 24 16 35 23 25 15 49 30 73 45 10 7 20 13 30 19 5 3 11 4 16 6 2 2 5 0 6 3s-11 13-13 16c-18 19-37 36-62 46-94 39-228-58-297-117-101-85-288-310-238-451 14-39 44-65 77-87zM648 609c5-1 10 0 15 1 17 5 88 52 108 65 12 7 27 14 35 27 15 25-13 74-42 75-17 0-100-56-120-69-19-11-47-23-42-50 2-15 31-46 46-49z" fill="#011b4d" stroke="#011b4d"/><path d="M695 88c-136 0-251 119-240 256 11 143 143 234 282 202 7-2 16-6 22-6 6 1 13 7 17 9 16 9 62 37 77 39 8 1 16-2 22-7 11-11 9-25 7-39-3-14-15-66-13-76 2-7 11-15 15-21 17-27 29-57 34-89 23-136-85-268-223-268zm-16 27c127-8 228 102 214 227-2 24-10 49-22 71-7 14-28 35-29 51-1 13 5 28 7 42 1 8 11 54 6 56 0 0-25-14-27-15-22-11-54-36-78-32-28 6-54 12-82 11-93-5-171-77-185-168-19-119 75-235 196-243z" fill="#011b4d" stroke="#011b4d"/></g><g id="white" data-name="White"><path d="M680 294c-21 1-100-2-114 3-11 3-17 17-15 28 1 8 7 15 14 18 17 8 101 2 125 2 21 0 97 4 113-2 12-4 18-17 16-29-2-7-7-15-14-17-15-7-103-3-125-3z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import PhoneMessageSvg from "./phone-message.jsx"; // from the React tab above

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