Phone SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="mist" data-name="Mist"><path d="M308 87c-36 4-31 41-31 68 0 19 0 38 0 57 0 51 0 102 0 154 0 102 0 205 0 308 0 34 0 68 0 103 0 16-2 34 1 50 3 10 10 19 20 22 17 6 88 2 111 2 69 0 140 0 210 0 32 0 65 3 97 0 12-1 24-7 28-19 8-19 3-82 3-105 0-52 0-103 0-154 0-103 0-206 0-308 0-30 4-133-1-154-3-10-10-19-20-22-20-6-86-2-110-2-70 0-140 0-209 0-33 0-67-3-99 0z" fill="#e8e7e7" stroke="#e8e7e7"/></g><g id="denim" data-name="Denim"><path d="M305 23c-71 6-60 76-60 128 0 62 0 123 0 186 0 124 0 248 0 373 0 62 0 124 0 187 0 78 33 83 103 83 82 0 164 0 247 0 41 0 83 3 124 0 71-6 60-76 60-127 0-62 0-124 0-186 0-125 0-249 0-373 0-63 0-125 0-187 0-12 1-25-1-36-11-50-61-48-101-48-84 0-167 0-250 0-41 0-82-3-122 0zM470 42c10-3 45 0 58 0 7 0 21-3 28 1 8 4 6 14-2 17-10 3-45 0-57 0-9 0-37 5-34-11 1-3 4-6 7-7zM302 77c29-4 67 0 97 0 74 0 147 0 222 0 24 0 90-4 109 2 11 4 20 13 24 23 9 21 4 127 4 157 0 106 0 212 0 319 0 52 0 106 0 159 0 17 0 35 0 53 0 29 1 65-35 71-29 5-68 1-97 1-74 0-148 0-221 0-25 0-92 4-111-3-10-3-20-12-24-22-7-16-3-130-3-156 0-107 0-213 0-319 0-54 0-106 0-159 0-18 0-37 0-54 0-29-3-66 35-72zM507 878c53-6 61 73 10 79-52 6-61-73-10-79z" fill="#5e89ca" stroke="#5e89ca"/></g><g id="navy" data-name="Navy"><path d="M305 8c-30 2-56 19-68 46-4 9-6 18-7 28-2 25 0 52 0 78 0 54 0 108 0 162 0 128 0 258 0 387 0 64 0 129 0 194 0 44 18 86 69 91 11 1 22 0 34 0 86 0 173 0 260 0 42 0 84 2 127 0 29-1 55-18 67-45 4-8 6-16 7-25 2-25 0-52 0-77 0-56 0-111 0-166 0-129 0-259 0-387 0-65 0-130 0-194 0-73-35-92-102-92-87 0-173 0-259 0-43 0-86-3-128 0zm0 15c40-3 81 0 122 0 83 0 166 0 250 0 40 0 90-2 101 48 2 11 1 24 1 36 0 62 0 124 0 187 0 124 0 248 0 373 0 62 0 124 0 186 0 51 11 121-60 127-41 3-83 0-124 0-83 0-165 0-247 0-70 0-103-5-103-83 0-63 0-125 0-187 0-125 0-249 0-373 0-63 0-124 0-186 0-52-11-122 60-128z" fill="#01193b" stroke="#01193b"/><path d="M302 77c-38 6-35 43-35 72 0 17 0 36 0 54 0 53 0 105 0 159 0 106 0 212 0 319 0 26-4 140 3 156 4 10 14 19 24 22 19 7 86 3 111 3 73 0 147 0 221 0 29 0 68 4 97-1 36-6 35-42 35-71 0-18 0-36 0-53 0-53 0-107 0-159 0-107 0-213 0-319 0-30 5-136-4-157-4-10-13-19-24-23-19-6-85-2-109-2-75 0-148 0-222 0-30 0-68-4-97 0zm6 10c32-3 66 0 99 0 69 0 139 0 209 0 24 0 90-4 110 2 10 3 17 12 20 22 5 21 1 124 1 154 0 102 0 205 0 308 0 51 0 102 0 154 0 23 5 86-3 105-4 12-16 18-28 19-32 3-65 0-97 0-70 0-141 0-210 0-23 0-94 4-111-2-10-3-17-12-20-22-3-16-1-34-1-50 0-35 0-69 0-103 0-103 0-206 0-308 0-52 0-103 0-154 0-19 0-38 0-57 0-27-5-64 31-68z" fill="#01193b" stroke="#01193b"/><path d="M507 878c-51 6-42 85 10 79 51-6 43-85-10-79z" fill="#01193b" stroke="#01193b"/><path d="M470 42c-3 1-6 4-7 7-3 16 25 11 34 11 12 0 47 3 57 0 8-3 10-13 2-17-7-4-21-1-28-1-13 0-48-3-58 0z" fill="#01193b" stroke="#01193b"/></g></svg>

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

import PhoneSvg from "./phone.jsx"; // from the React tab above

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