LinkedIn
Twitter
Hi, can someone help? I’m trying to add an SVG to my app, but it appears very small. I’ve already tried changing the height and width, but it still doesn’t get bigger. I’ll leave the code here so you can check if there’s anything wrong, please.
CONCATENATE(
"data:image/svg+xml;utf8,",
ENCODEURL(
"<svg width=""500"" height=""600""
xmlns=""http://www.w3.org/2000/svg""
xmlns:inkscape=""http://www.inkscape.org/namespaces/inkscape""
xmlns:sodipodi=""http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd""
viewBox=""0 0 500 600"" preserveAspectRatio=""xMidYMid meet"">
<!-- Cabeçalho Principal -->
<rect x=""10"" y=""10"" width=""480"" height=""70"" rx=""15"" ry=""15"" fill=""#c12e76""/>
<text x=""140"" y=""55"" font-family=""Arial"" font-size=""30"" font-weight=""bold"" fill=""white"">KPIs / Métricas</text>
<rect x=""30"" y=""30"" width=""40"" height=""40"" rx=""8"" ry=""8"" fill=""#e05a9d""/>
<text x=""40"" y=""60"" font-family=""Arial"" font-size=""24"" font-weight=""bold"" fill=""white"">✓</text>
<!-- Subheader Interações -->
<rect x=""10"" y=""90"" width=""480"" height=""50"" fill=""#e05a9d""/>
<text x=""180"" y=""125"" font-family=""Arial"" font-size=""28"" font-weight=""bold"" fill=""white"">Interações</text>
<!-- Seção Mês 4 -->
<rect x=""10"" y=""150"" width=""230"" height=""50"" fill=""#e05a9d""/>
<text x=""85"" y=""185"" font-family=""Arial"" font-size=""26"" font-weight=""bold"" fill=""white"">Mês 4</text>
<rect x=""10"" y=""200"" width=""230"" height=""250"" fill=""white""/>
<text x=""25"" y=""230"" font-family=""Arial"" font-size=""18"" fill=""black"">Leads do mês 4</text>
<text x=""25"" y=""260"" font-family=""Arial"" font-size=""32"" font-weight=""bold"" fill=""black"">" & [AM] & "</text>
<text x=""25"" y=""290"" font-family=""Arial"" font-size=""18"" fill=""black"">Leads financiadas do mês 4</text>
<text x=""25"" y=""320"" font-family=""Arial"" font-size=""32"" font-weight=""bold"" fill=""black"">" & [AM] & "</text>
<text x=""25"" y=""350"" font-family=""Arial"" font-size=""18"" fill=""black"">Whatsapp do mês 4</text>
<text x=""25"" y=""380"" font-family=""Arial"" font-size=""32"" font-weight=""bold"" fill=""black"">" & [AM] & "</text>
<text x=""25"" y=""410"" font-family=""Arial"" font-size=""18"" fill=""black"">Ver telefone do mês 4</text>
<text x=""25"" y=""440"" font-family=""Arial"" font-size=""32"" font-weight=""bold"" fill=""black"">" & [AM] & "</text>
<!-- Seção Ano 2025 -->
<rect x=""260"" y=""150"" width=""230"" height=""50"" fill=""#e05a9d""/>
<text x=""330"" y=""185"" font-family=""Arial"" font-size=""26"" font-weight=""bold"" fill=""white"">Ano 2025</text>
<rect x=""260"" y=""200"" width=""230"" height=""250"" fill=""white""/>
<text x=""275"" y=""230"" font-family=""Arial"" font-size=""18"" fill=""black"">Leads em 2025</text>
<text x=""275"" y=""260"" font-family=""Arial"" font-size=""32"" font-weight=""bold"" fill=""black"">" & [AM] & "</text>
<text x=""275"" y=""290"" font-family=""Arial"" font-size=""18"" fill=""black"">Leads financiadas em 2025</text>
<text x=""275"" y=""320"" font-family=""Arial"" font-size=""32"" font-weight=""bold"" fill=""black"">" & [AM] & "</text>
<text x=""275"" y=""350"" font-family=""Arial"" font-size=""18"" fill=""black"">Whatsapp em 2025</text>
<text x=""275"" y=""380"" font-family=""Arial"" font-size=""32"" font-weight=""bold"" fill=""black"">" & [AM] & "</text>
<text x=""275"" y=""410"" font-family=""Arial"" font-size=""18"" fill=""black"">Ver telefone em 2025</text>
<text x=""275"" y=""440"" font-family=""Arial"" font-size=""32"" font-weight=""bold"" fill=""black"">" & [AM] & "</text>
<!-- Total Mês 4 -->
<rect x=""10"" y=""470"" width=""230"" height=""50"" fill=""#0066cc""/>
<text x=""25"" y=""505"" font-family=""Arial"" font-size=""22"" font-weight=""bold"" fill=""white"">Total do Mês: " & [AM] & "</text>
<!-- Total 2025 -->
<rect x=""260"" y=""470"" width=""230"" height=""50"" fill=""#0066cc""/>
<text x=""275"" y=""505"" font-family=""Arial"" font-size=""22"" font-weight=""bold"" fill=""white"">Total do Ano: " & [AM] & "</text>
</svg>"
)
)
