how to paint a referenced svg file as icon AdvancedMarkerElement (migratin Marker to AdvancedMarkerElement) [closed]

I’m migrating the markers objects of my app google map to AdvancedMarkerElement and the single marker is not being painted any suggestion of what I’m doing wrong?, I’ve visited this links tryin to clarify the execution

• https://www.perplexity.ai/search/how-do-I-wvBJyrC9Q0.0ZDVgdvhvNA
• https://discord.com/channels/676948200904589322/1210261005674749952/1210531892156174378
• https://developers.google.com/maps/documentation/javascript/examples/advanced-markers-graphics

the glyphImg.src parameter is a vite reference to a svg file like this: /src/assets/Red Básica.svg Here is the two portions of the code involved ->

map.value = new Map(document.getElementById("googleMap") as HTMLElement, {
    mapId:'mapID',
    mapTypeControl: false,
    streetViewControl: false,
    zoomControl: false,
    fullscreenControl: false,
    center: geoLocation.value,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    zoom: 5,
    gestureHandling: "greedy"
});

const { AdvancedMarkerElement, PinElement } = (await google.maps.importLibrary("marker")) as google.maps.MarkerLibrary;
const glyphImg = document.createElement("img");
glyphImg.src = `${setIcon(localizaciones[0].icono)}`;
glyphImg.setAttribute("prv_codigo", String(localizaciones[0].prv_codigo));
const glyphSvgPinElement = new PinElement({ glyph: glyphImg });
const marker = new AdvancedMarkerElement({
    position: {
        lat: localizaciones[0].lat!,
        lng: localizaciones[0].lng!
    },
    map: map.value,
    title: localizaciones[0].prv_codigo ? String(localizaciones[0].prv_codigo) : String(localizaciones[0].idFerry),
    content: glyphSvgPinElement.element
});