Imagen InfoSpot

Imagen Infospot

export const FlechaPanorama = (grados=0,color = "pink") => {

    grados = grados - 90;

    const image = btoa(`

<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>izquierda doble 4</title>
    <g id="iconos" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"  >

        <g transform="rotate(${grados} 24 24) ">
                <g id="Group-10" transform="translate(8.000000, 8.000000) " stroke="${color}" stroke-linecap="round" stroke-linejoin="round" stroke-width="6">
                    <g id="chevron-left">
                        <polyline id="Shape" points="15 30 0 15 15 0" ></polyline>
                    </g>
                    <g id="chevron-left" transform="translate(16.000000, 0.000000) " >
                        <polyline id="Shape" points="15 30 0 15 15 0"></polyline>
                    </g>
                </g>
        </g>
    </g>
</svg>
      `);
    return `data:image/svg+xml;base64,${image}`;
};