Location Pin SVG logo, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="red" data-name="Red"><path d="M504 47c-216 10-359 232-266 431 16 35 40 66 60 99 28 44 57 88 83 133 24 40 46 80 68 120 7 13 55 112 57 113 4 3 8 3 12 0 3-2 56-112 63-125 22-41 45-81 69-120 24-40 49-79 74-119 23-37 51-74 68-115 82-198-71-426-288-417zm-1 119c41-2 83 10 116 34 141 103 78 327-97 338-34 2-70-7-100-24-161-91-104-338 81-348z" fill="#fc0202" stroke="#fc0202"/></g><g id="white" data-name="White"><path d="M495 191c-31 3-61 16-85 36-121 102-41 301 118 286 36-3 71-20 96-45 109-109 24-289-129-277z" fill="#fcfbfb" stroke="#fcfbfb"/></g><g id="black" data-name="Black"><path d="M497 22c-229 10-377 251-284 461 15 35 38 65 58 98 31 50 63 100 94 151 25 42 49 85 72 129 11 21 40 92 55 103 9 7 23 8 34 4 7-2 13-9 16-15 8-12 13-27 19-40 12-24 24-49 37-73 24-43 48-86 73-127 24-41 49-81 75-121 27-42 57-84 74-131 80-220-92-449-323-439zm7 25c217-9 370 219 288 417-17 41-45 78-68 115-25 40-50 79-74 119-24 39-47 79-69 120-7 13-60 123-63 125-4 3-8 3-12 0-2-1-50-100-57-113-22-40-44-80-68-120-26-45-55-89-83-133-20-33-44-64-60-99-93-199 50-421 266-431z" fill="#0d0f11" stroke="#0d0f11"/><path d="M503 166c-185 10-242 257-81 348 30 17 66 26 100 24 175-11 238-235 97-338-33-24-75-36-116-34zm-8 25c153-12 238 168 129 277-25 25-60 42-96 45-159 15-239-184-118-286 24-20 54-33 85-36z" fill="#0d0f11" stroke="#0d0f11"/></g></svg>

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

import LocationPinSvg from "./location-pin.jsx"; // from the React tab above

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