{"id":33923,"date":"2024-05-18T14:32:18","date_gmt":"2024-05-18T12:32:18","guid":{"rendered":"https:\/\/www.hakoit.com\/?page_id=33923"},"modified":"2025-09-10T21:23:21","modified_gmt":"2025-09-10T19:23:21","slug":"svg-power-apps-tool-usar-svg-en-power-apps","status":"publish","type":"page","link":"https:\/\/www.hakoit.com\/svg-power-apps-tool-usar-svg-en-power-apps\/","title":{"rendered":"Convertir y Usar Im\u00e1genes \/ Iconos SVG en Power Apps &#8211; SVG Power Apps Tool \u26a0\ufe0f\u3010APP Gratis\u3011"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb da_disable_devices=\u00bboff|off|off\u00bb global_colors_info=\u00bb{}\u00bb da_is_popup=\u00bboff\u00bb da_exit_intent=\u00bboff\u00bb da_has_close=\u00bbon\u00bb da_alt_close=\u00bboff\u00bb da_dark_close=\u00bboff\u00bb da_not_modal=\u00bbon\u00bb da_is_singular=\u00bboff\u00bb da_with_loader=\u00bboff\u00bb da_has_shadow=\u00bbon\u00bb][et_pb_row _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_post_title meta=\u00bboff\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb text_orientation=\u00bbcenter\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;][\/et_pb_post_title][et_pb_text admin_label=\u00bbTexto\u00bb _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<p>\u00bfTe preguntas <strong>C\u00f3mo usar im\u00e1genes \/ iconos SVG<\/strong> en <strong>Power Apps<\/strong>? Es <strong>simple y f\u00e1cil<\/strong>: utilizando la herramienta <em><strong>SVG Power Apps Tool by HakoIT<\/strong><\/em> para agregar SVGs a Power Apps. Copia el c\u00f3digo SVG convertido y p\u00e9galo en tu control de imagen en Power Apps y Listo!<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=\u00bbSimple and quick: SVG Icon \/ Image to Power Apps\u00bb _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2><strong>F\u00e1cil y R\u00e1pido: Iconos \/ Imagenes SVG en Power Apps<\/strong><\/h2>\n<p>\u2139\ufe0f F\u00e1cil y r\u00e1pido: Ingresa\/pega el c\u00f3digo SVG en la herramienta \u00abSVG Power Apps Tool\u00bb de HakoIT, luego haz clic en el bot\u00f3n <strong>Transformar<\/strong>.<br \/><strong>\ud83d\udccb Copia <\/strong>el c\u00f3digo de texto generado en formato SVG para Power Apps<strong> y p\u00e9galo <\/strong>en tu \ud83d\udcf2<strong> control de imagen de Power Apps. F\u00e1cil !<br \/><\/strong><\/p>\n<blockquote>\n<p>Transformar y usar iconos \/ im\u00e1genes SVG en Power Apps &#8211; Herramienta gratuita<\/p>\n<\/blockquote>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_5,3_5,1_5&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb3_5&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_code disabled_on=\u00bbon|on|on\u00bb admin_label=\u00bbCode CSV\u00bb _builder_version=\u00bb4.25.1&#8243; _module_preset=\u00bbdefault\u00bb disabled=\u00bbon\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<form name=\"formHakoIT\"><!-- [et_pb_line_break_holder] --><center><!-- [et_pb_line_break_holder] -->SVG Power Apps Tool: Pega el c\u00f3digo CSV para Transformarlo.<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><textarea name=textoIngresado cols=100 rows=10><!-- [et_pb_line_break_holder] --><\/textarea><!-- [et_pb_line_break_holder] -->  <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><input type=button value=\"Transformar\" onClick=\"convertirCSV_PowerApps(document.formHakoIT.textoIngresado.value)\";><!-- [et_pb_line_break_holder] --><input type=button name=\"Limpiar\" value=\"Limpiar\" onClick='document.formHakoIT.resultados.value=\"\"';><!-- [et_pb_line_break_holder] --><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->Resultado:<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><textarea name=resultados cols=100 rows=10><!-- [et_pb_line_break_holder] --><\/textarea><!-- [et_pb_line_break_holder] -->    <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><\/center><!-- [et_pb_line_break_holder] --><\/form>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->function convertirCSV_PowerApps(texto)<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] -->  <!-- HAKOIT.com--> <!-- [et_pb_line_break_holder] -->  var intro= \"\";<!-- [et_pb_line_break_holder] -->  var fin = \"\";<!-- [et_pb_line_break_holder] -->  \/\/Replace Double Quotes with Single<!-- [et_pb_line_break_holder] -->  texto = texto.replace(\/\"\/g, \"'\");<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  intro += `\"data:image\/svg+xml;utf8, \"&EncodeUrl(\"`;<!-- [et_pb_line_break_holder] -->  fin += `\")`;<!-- [et_pb_line_break_holder] -->  var palabras = intro + texto + fin;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  document.formHakoIT.resultados.value = palabras;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][et_pb_code disabled_on=\u00bbon|on|on\u00bb _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb disabled=\u00bbon\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<div class=\"hakoit-container\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<h1>SVG Power Apps Tool<\/h1>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Pega el c\u00f3digo SVG para Transformarlo:<\/pee><!-- [et_pb_line_break_holder] -->    <textarea id=\"textoIngresado\" rows=\"10\"><\/textarea><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"button-group\"><!-- [et_pb_line_break_holder] -->        <button onclick=\"convertirCSV_PowerApps()\">Transformar<\/button><!-- [et_pb_line_break_holder] -->        <button onclick=\"limpiarCampos()\">Limpiar<\/button><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"result\"><!-- [et_pb_line_break_holder] -->        <pee>Resultado:<\/pee><!-- [et_pb_line_break_holder] -->        <textarea id=\"resultados\" rows=\"10\"><\/textarea><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->    .hakoit-container {<!-- [et_pb_line_break_holder] -->        background: #fff;<!-- [et_pb_line_break_holder] -->        padding: 20px;<!-- [et_pb_line_break_holder] -->        border-radius: 8px;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] -->        max-width: 100%;<!-- [et_pb_line_break_holder] -->        margin: 0 auto;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hakoit-container h1 {<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->        margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->        font-size: 24px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hakoit-container textarea {<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->        padding: 10px;<!-- [et_pb_line_break_holder] -->        border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->        border-radius: 4px;<!-- [et_pb_line_break_holder] -->        resize: vertical;<!-- [et_pb_line_break_holder] -->        margin-bottom: 10px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hakoit-container .button-group {<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        justify-content: space-between;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hakoit-container button {<!-- [et_pb_line_break_holder] -->        width: calc(50% - 10px);<!-- [et_pb_line_break_holder] -->        padding: 10px;<!-- [et_pb_line_break_holder] -->        border: none;<!-- [et_pb_line_break_holder] -->        border-radius: 4px;<!-- [et_pb_line_break_holder] -->        color: #fff;<!-- [et_pb_line_break_holder] -->        background-color: #742774;<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->        font-size: 16px;<!-- [et_pb_line_break_holder] -->        margin: 5px 0;<!-- [et_pb_line_break_holder] -->        transition: background-color 0.3s;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hakoit-container button:hover {<!-- [et_pb_line_break_holder] -->        background-color: #2E0E36;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hakoit-container .result {<!-- [et_pb_line_break_holder] -->        margin-top: 20px;<!-- [et_pb_line_break_holder] -->        font-size: 18px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->function convertirCSV_PowerApps() {<!-- [et_pb_line_break_holder] -->    var texto = document.getElementById('textoIngresado').value;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ HAKOIT.com<!-- [et_pb_line_break_holder] -->    var intro = `\"data:image\/svg+xml;utf8, \"&EncodeUrl(\"`;<!-- [et_pb_line_break_holder] -->    var fin = `\")`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Replace Double Quotes with Single<!-- [et_pb_line_break_holder] -->    texto = texto.replace(\/\"\/g, \"'\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    var palabras = intro + texto + fin;<!-- [et_pb_line_break_holder] -->    document.getElementById('resultados').value = palabras;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function limpiarCampos() {<!-- [et_pb_line_break_holder] -->    document.getElementById('resultados').value = '';<!-- [et_pb_line_break_holder] -->    document.getElementById('textoIngresado').value = '';<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb]<!--HakoIt.com SVG Power Apps Tool v.4.3 --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"hakoit-container\"><!-- [et_pb_line_break_holder] -->   <\/p>\n<h2>SVG Power Apps Tool: Pega el c\u00f3digo SVG para Transformarlo:<\/h2>\n<p><!-- [et_pb_line_break_holder] -->   <textarea id=\"textoIngresado\" rows=\"10\" placeholder=\"<svg>&#8230;<\/svg>\u00ab><\/textarea><!-- [et_pb_line_break_holder] -->   <\/p>\n<div class=\"button-group\"><!-- [et_pb_line_break_holder] -->      <button onclick=\"convertirSVG_PowerApps()\"><!-- [et_pb_line_break_holder] -->      <i class=\"fas fa-code\"><\/i> Transformar<!-- [et_pb_line_break_holder] -->      <\/button><!-- [et_pb_line_break_holder] -->      <button onclick=\"limpiarCampos()\"><!-- [et_pb_line_break_holder] -->      <i class=\"fas fa-trash\"><\/i> Borrar Todo<!-- [et_pb_line_break_holder] -->      <\/button><!-- [et_pb_line_break_holder] -->   <\/div>\n<p><!-- [et_pb_line_break_holder] -->   <!--HAKOIT.com --><!-- [et_pb_line_break_holder] -->   <\/p>\n<div id=\"errorLabel\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->   <\/p>\n<div class=\"result\" id=\"resultSection\" style=\"display: none;\"><!-- [et_pb_line_break_holder] -->      <pee>Results:<\/pee><!-- [et_pb_line_break_holder] -->      <textarea id=\"resultados\" rows=\"10\" readonly><\/textarea><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"button-group\"><!-- [et_pb_line_break_holder] -->          <button id=\"copyButton\" onclick=\"copiar()\" style=\"margin-top: 10px;\"><!-- [et_pb_line_break_holder] -->          \t<i class=\"fas fa-copy\"><\/i> Copiar<!-- [et_pb_line_break_holder] -->          <\/button><!-- [et_pb_line_break_holder] -->          <button id=\"copyPasteButton\" onclick=\"copyPastePreview()\" style=\"margin-top: 10px;\"><!-- [et_pb_line_break_holder] -->          \t<i class=\"fas fa-paste\"><\/i> Copiar \/ Pegar code (Preview)<!-- [et_pb_line_break_holder] -->          <\/button><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div id=\"svgPreview\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->   <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hakoit-container {<!-- [et_pb_line_break_holder] -->     line-height: 1.6;<!-- [et_pb_line_break_holder] -->     background: #fff;<!-- [et_pb_line_break_holder] -->     padding: 20px;<!-- [et_pb_line_break_holder] -->     border-radius: 8px;<!-- [et_pb_line_break_holder] -->     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] -->     max-width: 800px;<!-- [et_pb_line_break_holder] -->     margin: 0 auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.hakoit-container h2 {<!-- [et_pb_line_break_holder] -->     text-align: center;<!-- [et_pb_line_break_holder] -->     margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->     font-size: 24px;<!-- [et_pb_line_break_holder] -->     color: #333;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> \/* HAKOIT.com *\/<!-- [et_pb_line_break_holder] -->.hakoit-container textarea {<!-- [et_pb_line_break_holder] -->     width: 100%;<!-- [et_pb_line_break_holder] -->     padding: 10px;<!-- [et_pb_line_break_holder] -->     border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->     border-radius: 4px;<!-- [et_pb_line_break_holder] -->     resize: vertical;<!-- [et_pb_line_break_holder] -->     margin-bottom: 10px;<!-- [et_pb_line_break_holder] -->     font-family: monospace;<!-- [et_pb_line_break_holder] -->  \t font-size: 16px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.button-group {<!-- [et_pb_line_break_holder] -->     display: flex;<!-- [et_pb_line_break_holder] -->     justify-content: space-between;<!-- [et_pb_line_break_holder] -->     flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->     gap: 10px;<!-- [et_pb_line_break_holder] -->     margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hakoit-container button {<!-- [et_pb_line_break_holder] -->     flex: 1;<!-- [et_pb_line_break_holder] -->     min-width: 120px;<!-- [et_pb_line_break_holder] -->     padding: 10px;<!-- [et_pb_line_break_holder] -->     border: none;<!-- [et_pb_line_break_holder] -->     border-radius: 4px;<!-- [et_pb_line_break_holder] -->     color: #fff;<!-- [et_pb_line_break_holder] -->     background-color: #742774;<!-- [et_pb_line_break_holder] -->     cursor: pointer;<!-- [et_pb_line_break_holder] -->     font-size: 16px;<!-- [et_pb_line_break_holder] -->     transition: background-color 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.hakoit-container button:hover {<!-- [et_pb_line_break_holder] -->     background-color: #2E0E36;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> \/* HAKOIT.com *\/<!-- [et_pb_line_break_holder] -->#errorLabel {<!-- [et_pb_line_break_holder] -->     display: none;<!-- [et_pb_line_break_holder] -->     margin-top: 10px;<!-- [et_pb_line_break_holder] -->     padding: 10px;<!-- [et_pb_line_break_holder] -->     border-radius: 4px;<!-- [et_pb_line_break_holder] -->     text-align: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> .result {<!-- [et_pb_line_break_holder] -->     margin-top: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> #svgPreview {<!-- [et_pb_line_break_holder] -->     margin-top: 20px;<!-- [et_pb_line_break_holder] -->     border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->     padding: 10px;<!-- [et_pb_line_break_holder] -->     background-color: #f9f9f9;<!-- [et_pb_line_break_holder] -->     border-radius: 4px;<!-- [et_pb_line_break_holder] -->     overflow: auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> #svgPreview svg {<!-- [et_pb_line_break_holder] -->     width: 100px;<!-- [et_pb_line_break_holder] -->     height: 100px;<!-- [et_pb_line_break_holder] -->     display: block;<!-- [et_pb_line_break_holder] -->     margin: 0 auto;<!-- [et_pb_line_break_holder] -->     cursor: pointer;<!-- [et_pb_line_break_holder] -->} \/* HAKOIT.com *\/<!-- [et_pb_line_break_holder] --> #svgPreview p {<!-- [et_pb_line_break_holder] -->     text-align: center;<!-- [et_pb_line_break_holder] -->     color: #666;<!-- [et_pb_line_break_holder] -->     font-style: italic;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> @media (max-width: 600px) {<!-- [et_pb_line_break_holder] -->     .button-group {<!-- [et_pb_line_break_holder] -->         flex-direction: column;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->     .hakoit-container button {<!-- [et_pb_line_break_holder] -->         width: 100%;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> <\/style>\n<p> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->    function convertirSVG_PowerApps() {<!-- [et_pb_line_break_holder] -->        var texto = document.getElementById('textoIngresado').value.trim();<!-- [et_pb_line_break_holder] -->        var errorLabel = document.getElementById('errorLabel');<!-- [et_pb_line_break_holder] -->        var resultSection = document.getElementById('resultSection');<!-- [et_pb_line_break_holder] -->        var svgPreview = document.getElementById('svgPreview');<!-- [et_pb_line_break_holder] -->        \/\/HAKOIT.com<!-- [et_pb_line_break_holder] -->        errorLabel.style.display = 'none';<!-- [et_pb_line_break_holder] -->        errorLabel.textContent = '';<!-- [et_pb_line_break_holder] -->        document.getElementById('resultados').value = '';<!-- [et_pb_line_break_holder] -->        svgPreview.innerHTML = '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (!texto) {<!-- [et_pb_line_break_holder] -->            showError(\"Por favor, introduce c\u00f3digo SVG.\");<!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (!texto.includes(\"<svg\") || !texto.includes(\"<\/svg>\")) {<!-- [et_pb_line_break_holder] -->            showError(\"El texto ingresado no parece ser un SVG v\u00e1lido. Aseg\u00farate de incluir etiquetas <svg> v\u00e1lidas.\");<!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        \/\/HAKOIT.com<!-- [et_pb_line_break_holder] -->        var intro = `\"data:image\/svg+xml;utf8, \"&EncodeUrl(\"`;<!-- [et_pb_line_break_holder] -->        var fin = `\")`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        texto = texto.replace(\/\"\/g, \"'\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        var palabras = intro + texto + fin;<!-- [et_pb_line_break_holder] -->        document.getElementById('resultados').value = palabras;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        resultSection.style.display = 'block';<!-- [et_pb_line_break_holder] -->        document.getElementById('copyButton').disabled = false;<!-- [et_pb_line_break_holder] -->\t\t\t\tdocument.getElementById('copyPasteButton').disabled = false;<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->        svgPreview.innerHTML = '<\/p>\n<h3>SVG Preview:<\/h3>\n<p>' + texto + '<pee>Haz clic en el SVG para copiar el resultado.<\/pee>';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/HAKOIT.com<!-- [et_pb_line_break_holder] -->        var svgElement = svgPreview.querySelector('svg');<!-- [et_pb_line_break_holder] -->        if (svgElement) {<!-- [et_pb_line_break_holder] -->            svgElement.onclick = function() {<!-- [et_pb_line_break_holder] -->                copiar();<!-- [et_pb_line_break_holder] -->            };<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    \/\/HAKOIT.com<!-- [et_pb_line_break_holder] -->    function limpiarCampos() {<!-- [et_pb_line_break_holder] -->        document.getElementById('resultados').value = '';<!-- [et_pb_line_break_holder] -->        document.getElementById('textoIngresado').value = '';<!-- [et_pb_line_break_holder] -->        document.getElementById('resultSection').style.display = 'none';<!-- [et_pb_line_break_holder] -->        document.getElementById('errorLabel').style.display = 'none';<!-- [et_pb_line_break_holder] -->        document.getElementById('svgPreview').innerHTML = '';<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function copiar() {<!-- [et_pb_line_break_holder] -->        var resultado = document.getElementById('resultados');<!-- [et_pb_line_break_holder] -->        navigator.clipboard.writeText(resultado.value).then(() => {<!-- [et_pb_line_break_holder] -->            showSuccess(\"Copiado exitosamente!\");<!-- [et_pb_line_break_holder] -->            animateCopyButton();<!-- [et_pb_line_break_holder] -->        }, () => {<!-- [et_pb_line_break_holder] -->            showError(\"Error al Copiar.\");<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->       function copyPastePreview() {<!-- [et_pb_line_break_holder] -->            var resultado = document.getElementById('resultados').value;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ Split the result into lines<!-- [et_pb_line_break_holder] -->            var lines = resultado.split('\\n');<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ Process each line to add proper indentation<!-- [et_pb_line_break_holder] -->            var processedLines = lines.map((line, index) => {<!-- [et_pb_line_break_holder] -->                if (index === 0) {<!-- [et_pb_line_break_holder] -->                    \/\/ First line starts with =<!-- [et_pb_line_break_holder] -->                    return `        =${line}`;<!-- [et_pb_line_break_holder] -->                } else {<!-- [et_pb_line_break_holder] -->                    \/\/ Subsequent lines are indented with 9 spaces<!-- [et_pb_line_break_holder] -->                    return `         ${line}`;<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ Join the lines back together<!-- [et_pb_line_break_holder] -->            var processedResult = processedLines.join('\\n');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            var formattedText = `- Image5:<!-- [et_pb_line_break_holder] -->    Control: Image<!-- [et_pb_line_break_holder] -->    Properties:<!-- [et_pb_line_break_holder] -->      Image: |-<!-- [et_pb_line_break_holder] -->${processedResult}<!-- [et_pb_line_break_holder] -->      X: =40<!-- [et_pb_line_break_holder] -->      Y: =40`;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            navigator.clipboard.writeText(formattedText).then(() => {<!-- [et_pb_line_break_holder] -->                showSuccess(\"Texto con control imagen copiado al portapapeles! Pegar directo en Power Apps\");<!-- [et_pb_line_break_holder] -->                animateButton('copyPasteButton');<!-- [et_pb_line_break_holder] -->            }, () => {<!-- [et_pb_line_break_holder] -->                showError(\"Error al copiar el texto con formato.\");<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    \/\/HAKOIT.com<!-- [et_pb_line_break_holder] -->    function showError(message) {<!-- [et_pb_line_break_holder] -->        var errorLabel = document.getElementById('errorLabel');<!-- [et_pb_line_break_holder] -->        errorLabel.textContent = message;<!-- [et_pb_line_break_holder] -->        errorLabel.style.display = 'block';<!-- [et_pb_line_break_holder] -->        errorLabel.style.backgroundColor = '#ffebee';<!-- [et_pb_line_break_holder] -->        errorLabel.style.color = '#c62828';<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function showSuccess(message) {<!-- [et_pb_line_break_holder] -->        var errorLabel = document.getElementById('errorLabel');<!-- [et_pb_line_break_holder] -->        errorLabel.textContent = message;<!-- [et_pb_line_break_holder] -->        errorLabel.style.display = 'block';<!-- [et_pb_line_break_holder] -->        errorLabel.style.backgroundColor = '#e8f5e9';<!-- [et_pb_line_break_holder] -->        errorLabel.style.color = '#2e7d32';<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    \/\/HAKOIT.com<!-- [et_pb_line_break_holder] -->    function animateCopyButton() {<!-- [et_pb_line_break_holder] -->        var copyButton = document.getElementById('copyButton');<!-- [et_pb_line_break_holder] -->        copyButton.style.backgroundColor = \"#4CAF50\";<!-- [et_pb_line_break_holder] -->        setTimeout(() => {<!-- [et_pb_line_break_holder] -->            copyButton.style.backgroundColor = \"#742774\";<!-- [et_pb_line_break_holder] -->        }, 1000);<!-- [et_pb_line_break_holder] -->    } <!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<blockquote>\n<p>Si encontraste \u00fatil la herramienta gratuita <strong>SVG Power Apps Tool<\/strong> by HakoIT para convertir y transformar im\u00e1genes\/iconos SVG en Power Apps<strong>, Comp\u00e1rtela con tus compa\u00f1eros\/amigos y s\u00edguenos en Instagram. <a href=\"https:\/\/www.instagram.com\/hako_it\/\" target=\"_blank\" rel=\"noopener\">@hako_it<\/a><\/strong><\/p>\n<\/blockquote>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_5,3_5,1_5&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb3_5&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<blockquote>\n<p>Conoc\u00e9 las otras <strong>herramientas gratuitas<\/strong> de HakoIT: <a href=\"https:\/\/www.hakoit.com\/letras-especiales-para-instagram-twitter-facebook-social-media\/\" target=\"_blank\" rel=\"noopener\"><strong><em>Letras especiales para Instagram\u00a0\/ Facebook \/ Twitter \/ YouTube<\/em> \/ TikTok\u00a0Copy and Paste | Social Media<\/strong><\/a><\/p>\n<\/blockquote>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text admin_label=\u00bbC\u00f3mo usar una imagen\/icono SVG en Power Apps paso a paso\u00bb _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<p>La herramienta gratuita simplifica el uso de <strong>SVG en Power Apps<\/strong>. <strong>Convierte el c\u00f3digo del archivo SVG<\/strong> en el formato requerido por el Control de Imagen de <strong>Power Apps<\/strong>, lo que permite <strong>Copiar y Pegar f\u00e1cilmente<\/strong>, sin tener que agregar c\u00f3digo, formato, comillas, etc. Adem\u00e1s, esta herramienta es gratuita, no requiere registrarse para utilizarla.<\/p>\n<p>Te <strong>ahorrar\u00e1 mucho tiempo<\/strong> al reemplazar comillas y agregar cadenas espec\u00edficas en el formato correcto requerido para usar SVG en Power Apps. Tambi\u00e9n <strong>ayudar\u00e1 a tus ojos \ud83d\udc40<\/strong> ya que no necesitar\u00e1s enfocarte en reemplazar y asegurarte que el formato sea el correcto.<\/p>\n<h2><strong>C\u00f3mo usar una imagen\/icono SVG en Power Apps en 6 Pasos<\/strong><\/h2>\n<h3><strong>Paso 1: Elige una imagen\/icono SVG<\/strong><\/h3>\n<p>&#8211; Selecciona una imagen o icono SVG que desees usar en Power Apps. Puedes encontrar recursos SVG gratuitos online o crear los tuyos propios utilizando software de gr\u00e1ficos vectoriales.<\/p>\n<p>Recursos gratuitos:<\/p>\n<ul>\n<li><a href=\"https:\/\/fonts.google.com\/icons\" target=\"_blank\" rel=\"noopener\">Material Icons &#8211; Google (Bici de Ejemplo utilizado a continuaci\u00f3n)<\/a><\/li>\n<li><a href=\"https:\/\/www.svgrepo.com\/\" target=\"_blank\" rel=\"noopener\">SVGREPO<\/a><\/li>\n<\/ul>\n<h3><strong>Paso 2: Copia el c\u00f3digo SVG<\/strong><\/h3>\n<p>&#8211; Encuentra el c\u00f3digo SVG y c\u00f3pialo en tu portapapeles.<br \/>Algunos sitios web te proporcionan el <strong>c\u00f3digo HTML del SVG (etiquetas &lt;svg&gt; &lt;\/svg&gt;)<\/strong>, o puedes <strong>descargar el archivo SVG<\/strong> a tu computadora y abrirlo con un editor de texto como Notepad, Sublime u otro editor de texto de tu elecci\u00f3n. Y finalmente copiar todo el texto\/c\u00f3digo del archivo.<\/p>\n<p><em>El c\u00f3digo del archivo SVG tendr\u00eda un formato similar al del ejemplo a continuaci\u00f3n:<\/em><\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.hakoit.com\/wp-content\/uploads\/2024\/04\/SVG-Image-code-text.jpg\u00bb alt=\u00bbImage code\u00bb title_text=\u00bbImage code\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb|5%||5%|false|false\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text admin_label=\u00bbStep 3: Paste the SVG Code into the SVG Power Apps Tool\u00bb _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h3>Paso 3: Pega el c\u00f3digo SVG en la herramienta SVG Power Apps Tool<\/h3>\n<p><strong>&#8211; Pega el c\u00f3digo SVG<\/strong> en la herramienta SVG Power Apps Tool.<\/p>\n<h3>Paso 4: Presionar el bot\u00f3n \u201cTransformar\u201d<\/h3>\n<p>Presionar el bot\u00f3n<span>\u00a0<\/span><strong>Transformar,<\/strong> para convertir el svg en formato de imagen admitido en<span>\u00a0<\/span><a href=\"https:\/\/www.hakoit.com\/en\/category\/power-apps\/\" target=\"_blank\" rel=\"noopener\">Power Apps<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_5,3_5,1_5&#8243; _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb3_5&#8243; _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_image src=\u00bbhttps:\/\/www.hakoit.com\/wp-content\/uploads\/2024\/10\/Paste-SVG-Code-in-the-SVG-Power-Apps-Tool.jpg\u00bb alt=\u00bbSVG Power Apps Tool: Copy &#8211; Paste\u00bb title_text=\u00bbSVG Power Apps Tool: Copy &#8211; Paste\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text admin_label=\u00bbStep 5: Copy the Transformed Code\u00bb _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h3><strong>Paso 5: Copia el c\u00f3digo Transformado<\/strong><\/h3>\n<p>\u2013 <strong>Copia<\/strong> el c\u00f3digo que ha sido Transformado \/ Convertido de SVG usando la herramienta de <strong>SVG Power Apps Tool<\/strong> de HakoIT a tu portapapeles<\/p>\n<h3>B: Copiar \/ Pegar code (Preview)<\/h3>\n<p>\u2013 El bot\u00f3n <strong>Copiar \/ Pegar Code (Preview)<\/strong> permite pegar directamente en Power Apps.<br \/>El c\u00f3digo posee un control de Imagen de Power Apps Image con la imagen SVG.<\/p>\n<blockquote>\n<p>En<strong> Power Apps, <\/strong>presionar bot\u00f3n derecho,\u00a0 clic en <strong>Paste<\/strong>, y seleccionar <strong>Paste the code (preview)<\/strong>.<\/p>\n<\/blockquote>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_5,3_5,1_5&#8243; _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb3_5&#8243; _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_image src=\u00bbhttps:\/\/www.hakoit.com\/wp-content\/uploads\/2024\/10\/SVG-Power-Apps-Tool-Paste-PasteCode.jpg\u00bb alt=\u00bbSVG Power Apps Tool &#8211; Paste code to Power Apps\u00bb title_text=\u00bbSVG Power Apps Tool &#8211; Paste code to Power Apps\u00bb _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text admin_label=\u00bbStep 4: Insert Image Control in your Power Apps\u00bb _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h3><strong>Paso 6: Inserta el control de imagen en tus Power Apps<\/strong><\/h3>\n<p>&#8211; <strong>Inicia sesi\u00f3n en tu cuenta de Power Apps<\/strong> y crea una nueva aplicaci\u00f3n en Power Apps o abre tu aplicaci\u00f3n existente de Power Apps.<br \/>&#8211; Dentro del editor de Power Apps, <strong>inserta un Control de Imagen<\/strong> donde quieras mostrar tu imagen\/icono SVG transformado.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.hakoit.com\/wp-content\/uploads\/2024\/04\/Image-Control-in-Power-Apps-for-svg-image.jpg\u00bb alt=\u00bbsvg to power apps\u00bb title_text=\u00bbsvg to power apps\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb|5%||5%|false|false\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_image src=\u00bbhttps:\/\/www.hakoit.com\/wp-content\/uploads\/2024\/04\/Add-an-Image-Control-in-Power-Apps.jpg\u00bb alt=\u00bbsvg icons for power apps\u00bb title_text=\u00bbsvg icons for power apps\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb|5%||5%|false|false\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text admin_label=\u00bbStep 6: Paste Code in Image\u00bb _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h3>Paso 7: Pega el c\u00f3digo \u00abTransformado\u00bb en el Control de Imagen de Power Apps<\/h3>\n<p>&#8211; En el panel de propiedades del Control de Imagen, busca y selecciona la propiedad \u00ab<strong>Image<\/strong>\u00ab.<br \/>&#8211; <strong>Pega el c\u00f3digo copiado en la propiedad \u00abImage\u00bb<\/strong>.<br \/>Despu\u00e9s de pegarlo, si todo va bien, el Control de Imagen deber\u00eda mostrar la imagen SVG como se deseaba.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.hakoit.com\/wp-content\/uploads\/2024\/04\/use-svg-in-power-apps.jpg\u00bb alt=\u00bbSVG in Power Apps\u00bb title_text=\u00bbSVG in Power Apps\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb|5%||5%|false|false\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<p><strong>&#8211; Ajustar tama\u00f1o y posici\u00f3n<\/strong><br \/>Ajusta el tama\u00f1o y la posici\u00f3n del control de imagen para que se ajuste al dise\u00f1o de tu aplicaci\u00f3n. Puedes usar los controles de ajuste para cambiar el tama\u00f1o de la imagen y arrastrarla a la ubicaci\u00f3n deseada.<\/p>\n<p>Este proceso de 6 simples pasos te permite integrar sin problemas im\u00e1genes SVG en tu aplicaci\u00f3n de Power Apps usando la herramienta de Power Apps.<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=\u00bbUtilizar SVG en Power Apps &#8211; Casos de uso:\u00bb _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h3><strong>Utilizar SVG en Power Apps &#8211; Casos de uso:<\/strong><\/h3>\n<p>Aqu\u00ed hay algunos ejemplos de c\u00f3mo se pueden usar los SVG en Power Apps:<\/p>\n<ul>\n<li><strong>Iconos, im\u00e1genes y Gr\u00e1ficos<\/strong>: Utiliza iconos y gr\u00e1ficos SVG para mejorar el atractivo visual de la interfaz de tu aplicaci\u00f3n. Los <strong>iconos SVG en Power Apps<\/strong> son escalables y se ven n\u00edtidos en todos los tama\u00f1os de pantalla.<\/li>\n<li><strong>Botones Personalizados<\/strong>: Crea botones personalizados con SVG para agregar estilos e interacciones \u00fanicas. El SVG permite dise\u00f1os y animaciones muy destacables y modernos.<\/li>\n<li><strong>Gr\u00e1ficos din\u00e1micos<\/strong>: Utiliza SVG para crear gr\u00e1ficos din\u00e1micos e interactivos dentro de tus Power Apps. El SVG ofrece flexibilidad en la personalizaci\u00f3n y visualizaci\u00f3n de datos.<\/li>\n<li><strong>Indicadores de Progreso<\/strong>: Dise\u00f1a barras de progreso y spinners usando SVG para proporcionar retroalimentaci\u00f3n visual durante la carga o el procesamiento de datos. Un buen ejemplo es crear con una <strong>barra de progreso con SVG en Power Apps.<\/strong><\/li>\n<li><strong>Elementos animados<\/strong>: Incorpora elementos SVG animados para experiencias de usuario atractivas. Ejemplo: agrega un <strong>spinner\/loading SVG en Power Apps.<\/strong><\/li>\n<li><b>Visualizaci\u00f3n de Datos:<\/b> Utiliza SVG para visualizar datos de maneras creativas, como infograf\u00edas, l\u00edneas de tiempo y diagramas de flujo. SVG soportan formas y colores complejos (ejemplo: puedes cambiar el color de un SVG en Power Apps con una variable) para una representaci\u00f3n efectiva de datos.<\/li>\n<\/ul>\n<p>Estos son solo algunos ejemplos de c\u00f3mo se pueden usar eficazmente los SVG en Power Apps para mejorar la funcionalidad y la experiencia del usuario. <strong>\u00bfPara que estas usando el SVG en Power Apps?<\/strong> Dejanos un comentario en Instagram <a href=\"https:\/\/www.instagram.com\/hako_it\/\" target=\"_blank\" rel=\"noopener\">@Hako_IT\u00a0<\/a><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00bb4.27.3&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2>Iconos y Gr\u00e1ficos en Power Apps para Dise\u00f1os Interactivos<\/h2>\n<p>El uso de <strong>iconos y gr\u00e1ficos en Power Apps<\/strong> abre nuevas posibilidades para dise\u00f1ar interfaces intuitivas y modernas. Los iconos Power Apps no solo aportan un aspecto profesional, sino que tambi\u00e9n permiten una personalizaci\u00f3n completa, desde su tama\u00f1o hasta su color y estilo.<\/p>\n<blockquote>\n<p>Al integrar im\u00e1genes SVG o gr\u00e1ficos din\u00e1micos, puedes transformar tu aplicaci\u00f3n en una herramienta visualmente atractiva y funcional.<\/p>\n<\/blockquote>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text admin_label=\u00bbSVG In Power Apps:\u00bb _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2>SVG en Power Apps:<\/h2>\n<p>En Power Apps, utilizar SVG (Gr\u00e1ficos Vectoriales Escalables) abre un mundo de posibilidades creativas. Puedes incorporar f\u00e1cilmente iconos\/im\u00e1genes SVG para una interfaz moderna, animar elementos SVG para a\u00f1adir un toque din\u00e1mico y lograr interacciones de usuario intuitivas.<br \/>\u00bfNecesitas un spinner de carga? Con SVG lo tienes resuelto y con una integraci\u00f3n perfecta.<br \/>\u00bfPersonalizar los colores de SVG? Solo unos pocos clics en Power Apps.<br \/>Mostrar im\u00e1genes e iconos SVG o insertar elementos SVG es sencillo, lo que te permite dise\u00f1ar gr\u00e1ficos intrincados o barras de progreso con precisi\u00f3n. Power Apps simplifica el proceso, para que puedas utilizar un icono de SVG, im\u00e1genes o SVG animados, en un recurso invaluable para crear aplicaciones visualmente impresionantes y funcionales.<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=\u00bb5 Reasons to Add SVG to Power Apps\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2>5 razones para usar SVG en Power Apps \u00abSVG Power!\u00bb<\/h2>\n<ul>\n<li><strong>Escalabilidad y calidad: <\/strong><\/li>\n<\/ul>\n<p>Los gr\u00e1ficos vectoriales escalables (SVG) revolucionan el contenido visual al mantener una calidad excepcional independientemente del dispositivo o tama\u00f1o de pantalla. A diferencia de los formatos de imagen tradicionales (jpg), las im\u00e1genes SVG conservan su nitidez y claridad, asegurando una apariencia profesional y pulida en smartphones, tabletas, laptops y monitores de escritorio. Esta escalabilidad es un cambio radical para los dise\u00f1adores y desarrolladores web, ofreciendo una flexibilidad sin igual en la creaci\u00f3n de sitios web y aplicaciones visualmente diferenciales.<\/p>\n<ul>\n<li><strong>Velocidad &#8211; Tiempos de carga m\u00e1s r\u00e1pido: <\/strong><\/li>\n<\/ul>\n<p>La naturaleza liviana del SVG reduce significativamente el tama\u00f1o del archivo en comparaci\u00f3n con los formatos de imagen como JPEG o PNG. Esta reducci\u00f3n en el tama\u00f1o del archivo se traduce en tiempos de carga m\u00e1s r\u00e1pidos y mayor velocidad para aplicaciones y p\u00e1ginas web, contribuyendo a una experiencia de usuario fluida.<\/p>\n<ul>\n<li><strong>Reducci\u00f3n del tama\u00f1o del archivo y optimizaci\u00f3n del rendimiento: <\/strong><\/li>\n<\/ul>\n<p>El tama\u00f1o del archivo juega un papel crucial en el rendimiento web\/aplicaci\u00f3n. Al integrar gr\u00e1ficos SVG, no solo se mejora el atractivo visual, sino que tambi\u00e9n se prioriza la velocidad y la eficiencia.<\/p>\n<ul>\n<li><strong>Animaciones din\u00e1micas: <\/strong><\/li>\n<\/ul>\n<p>SVG permite animaciones cautivadoras directamente dentro de los archivos de imagen, atrayendo a los usuarios y a\u00f1adiendo atractivo visual. Ya sea creando efectos atractivos, iconos animados o infograf\u00edas interactivas, SVG ayuda a los dise\u00f1adores para desatar su creatividad y cautivar a los usuarios.<\/p>\n<ul>\n<li><strong>Accesibilidad: <\/strong><\/li>\n<\/ul>\n<p>La escalabilidad del SVG ayuda a la accesibilidad para diversas necesidades de los usuarios, asegurando inclusividad y un dise\u00f1o amigable para el usuario.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2>Usar Gr\u00e1ficos en Power Apps para Visualizaci\u00f3n de Datos<\/h2>\n<p>Los <strong>gr\u00e1ficos en Power Apps<\/strong>, especialmente los creados con SVG, son herramientas poderosas para la visualizaci\u00f3n de datos. Imagina integrar gr\u00e1ficos interactivos que cambien seg\u00fan las entradas del usuario o seg\u00fan los datos cargados desde una base externa.<\/p>\n<p>Por ejemplo, puedes mostrar barras de progreso, gr\u00e1ficos de l\u00edneas o diagramas circulares que sean visualmente llamativos y f\u00e1ciles de interpretar.<\/p>\n<h2>Beneficios de Utilizar Iconos en Power Apps<\/h2>\n<ul>\n<li><strong>Mejora del Dise\u00f1o Visual:<\/strong> Los iconos Power Apps agregan un nivel de profesionalismo y sofisticaci\u00f3n a las aplicaciones.<\/li>\n<li><strong>Claridad en la Comunicaci\u00f3n:<\/strong> Los iconos ayudan a guiar al usuario de manera intuitiva, mejorando la navegabilidad de la aplicaci\u00f3n.<\/li>\n<li><strong>Interactividad:<\/strong> Puedes animar o vincular iconos a funciones espec\u00edficas, haciendo que las interacciones sean m\u00e1s atractivas.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Recomendaciones Finales para el Uso de SVG e Iconos<\/h2>\n<p>Al incorporar im\u00e1genes<strong> SVG en tus aplicaciones, recuerda<\/strong>:<\/p>\n<p>-Utilizar recursos SVG optimizados para mantener el rendimiento de la aplicaci\u00f3n.<\/p>\n<p>-Explorar herramientas como la <strong>SVG Power Apps Tool by HakoIT<\/strong> para agilizar la transformaci\u00f3n e integraci\u00f3n de los iconos.<\/p>\n<p>-Dise\u00f1ar con un enfoque centrado en el usuario, asegur\u00e1ndote de que los iconos y gr\u00e1ficos aporten valor a la funcionalidad de tu aplicaci\u00f3n.<\/p>\n<h3>Mejora tus aplicaciones con Iconos SVG y Animaciones en Power Apps<\/h3>\n<p>El uso de SVG en PowerApps se ha convertido en una de las formas m\u00e1s pr\u00e1cticas de personalizar aplicaciones. Con la opci\u00f3n de subir iconos SVG, utilizar un convertidor de SVG en PowerApps o incluso convertir un icono SVG para mejorar la compatibilidad, ahora es posible integrar gr\u00e1ficos de manera m\u00e1s fluida. Cada vez m\u00e1s creadores aprovechan Power Apps SVG o SVG Power Apps no solo para dise\u00f1ar elementos visuales personalizados, sino tambi\u00e9n para a\u00f1adir efectos din\u00e1micos como <strong>animaciones en Power Apps<\/strong>. Gracias a los iconos SVG en PowerApps, es posible transformar el dise\u00f1o, optimizar la experiencia del usuario y facilitar la personalizaci\u00f3n de cada aplicaci\u00f3n.<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=\u00bbConclusion\u00bb _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2>Conclusi\u00f3n:<\/h2>\n<p>\u26a0\ufe0f Utilizar la herramienta <strong>SVG Power Apps Tool by HakoIT<\/strong> es gratuita y sencilla de incorporar<strong> im\u00e1genes\/iconos SVG en Power Apps.<\/strong><br \/>\ud83d\udc40 La herramienta ahorra tiempo y esfuerzo al convertir el c\u00f3digo SVG en el formato correcto para el Control de Imagen de Power Apps.<br \/>\u2139\ufe0f Sigue un proceso paso a paso: elige un SVG, copia su c\u00f3digo, p\u00e9galo en la herramienta, transf\u00f3rmalo y luego pegalo en Power Apps.<br \/>\ud83d\udccb El c\u00f3digo transformado se puede copiar y pegar f\u00e1cilmente en la propiedad del Control de Imagen en Power Apps para una integraci\u00f3n f\u00e1cil, simple y sin problemas.<br \/>\ud83d\udcf2 El SVG en Power Apps ofrecen varios beneficios, incluyendo un mayor atractivo visual, botones personalizados, gr\u00e1ficos din\u00e1micos, indicadores de progreso y elementos animados para experiencias de usuario atractivas.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_5,3_5,1_5&#8243; _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb3_5&#8243; _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_image src=\u00bbhttps:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/09\/svg-power-apps.jpg\u00bb alt=\u00bbsvg powerapps\u00bb title_text=\u00bbSVG Power Apps\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2>Usar SVG en Power Apps &#8211; Preguntas Frecuentes (FAQ):<\/h2>\n<h2>\u00bfCu\u00e1les son los beneficios de usar im\u00e1genes\/iconos SVG en Power Apps?<\/h2>\n<p>Las im\u00e1genes\/iconos SVG en Power Apps ofrecen escalabilidad, tiempos de carga m\u00e1s r\u00e1pidos, tama\u00f1os de archivo reducidos, animaciones din\u00e1micas y beneficios de accesibilidad en comparaci\u00f3n con los formatos de imagen tradicionales.<\/p>\n<h2>\u00bfSe pueden personalizar las im\u00e1genes\/iconos SVG en Power Apps?<\/h2>\n<p>La herramienta de SVG Power Apps Tool simplifica la transformaci\u00f3n del c\u00f3digo SVG al formato correcto para el Control de Imagen de Power Apps, mejorando la experiencia del usuario al integrar sin problemas los SVG con visuales personalizados y un rendimiento mejorado.<\/p>\n<h2>\u00bfC\u00f3mo usar SVG en Power Apps?<\/h2>\n<p>1-Elige una imagen\/icono SVG \/ Copia el c\u00f3digo SVG.<br \/>2-Pega el c\u00f3digo SVG en la herramienta de SVG Power Apps Tool de HakoIT.<br \/>3-Transforma el c\u00f3digo usando la herramienta, y el bot\u00f3n Transformar.<br \/>4-Copia el c\u00f3digo transformado.<br \/>5-Inserta el c\u00f3digo transformado en la propiedad del Control de Imagen en Power Apps.<\/p>\n<h2>\u00bfC\u00f3mo a\u00f1adir SVG a Power Apps?<\/h2>\n<p>Usa la herramienta de SVG Power Apps Tool de HakoIT para transformar el c\u00f3digo SVG al formato correcto.<br \/>Copia el c\u00f3digo transformado.<br \/>Inserta el c\u00f3digo transformado en la propiedad del Control de Imagen en Power Apps.<\/p>\n<h2>\u00bfSe pueden usar im\u00e1genes\/iconos SVG en Power Apps?<\/h2>\n<p>S\u00ed, puedes usar im\u00e1genes\/iconos SVG en Power Apps siguiendo los pasos mencionados anteriormente y usando la herramienta de SVG Power Apps Tool by HakoIT para la transformaci\u00f3n e integraci\u00f3n.<\/p>\n<h2>\u00bfPuedo animar elementos SVG en Power Apps?<\/h2>\n<p>S\u00ed, Power Apps admite elementos animados de SVG. Puedes usarlos al igual que im\u00e1genes e iconos.<\/p>\n<h2>\u00bfC\u00f3mo agregar un SVG a Power Apps?<\/h2>\n<p>Usando la herramienta de SVG Power Apps Tool de HakoIT, a\u00f1adir SVG a Power Apps es sencillo. Copia el c\u00f3digo SVG de las im\u00e1genes o iconos a trav\u00e9s de la interfaz de la herramienta de SVG Power Apps Tool by HakoIT. Copia, pega, transforma, para luego copiar y pegar en tu App.<\/p>\n<h2>\u00bfEs mejor SVG que PNG para usar en Power Apps?<\/h2>\n<p>A menudo se prefieren los SVG sobre los PNG debido a su escalabilidad y menor tama\u00f1o de archivo, lo que conduce a tiempos de carga m\u00e1s r\u00e1pidos y mejor calidad.<\/p>\n<h2>\u00bfEs mejor SVG qu\u00e9 JPG para usar en Power Apps?<\/h2>\n<p>En comparaci\u00f3n con los JPG, los SVG ofrecen escalabilidad sin p\u00e9rdida de calidad, lo que los hace ideales para iconos y gr\u00e1ficos, mientras que los JPG son m\u00e1s adecuados para fotograf\u00edas con necesidades de compresi\u00f3n.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_5,1_5,1_5,1_5,1_5&#8243; make_equal=\u00bbon\u00bb admin_label=\u00bbAutor Facu\u00bb _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_image src=\u00bbhttps:\/\/www.hakoit.com\/wp-content\/uploads\/2023\/03\/Facundo-Capdevila-200.png\u00bb alt=\u00bbFacundo Capdevila\u00bb title_text=\u00bbFacundo Capdevila\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb header_3_font=\u00bb|||||on|||\u00bb header_3_text_align=\u00bbcenter\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h3 style=\"text-align: center;\">Facundo Capdevila<\/h3>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_image src=\u00bbhttps:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/06\/consultoria-powerapps-1080.jpg\u00bb alt=\u00bbconsultoria powerapps\u00bb title_text=\u00bbconsultoria powerapps\u00bb url=\u00bbhttps:\/\/www.hakoit.com\/servicio-de-consultoria-en-power-apps\/\u00bb url_new_window=\u00bbon\u00bb align=\u00bbcenter\u00bb admin_label=\u00bbads power apps 1080 esp\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfTe preguntas C\u00f3mo usar im\u00e1genes \/ iconos SVG en Power Apps? Es simple y f\u00e1cil: utilizando la herramienta SVG Power Apps Tool by HakoIT para agregar SVGs a Power Apps. Copia el c\u00f3digo SVG convertido y p\u00e9galo en tu control de imagen en Power Apps y Listo!F\u00e1cil y R\u00e1pido: Iconos \/ Imagenes SVG en Power [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":38260,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-33923","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Convertir y Usar Im\u00e1genes \/ Iconos SVG en Power Apps - SVG Power Apps Tool \u26a0\ufe0f\u3010APP Gratis\u3011 - Hako IT<\/title>\n<meta name=\"description\" content=\"Usar Im\u00e1genes e iconos SVG en Power Apps es m\u00e1s f\u00e1cil y r\u00e1pido con la Herramienta gratis SVG Power Apps Tool! Ingresa, Convierte ya!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hakoit.com\/svg-power-apps-tool-usar-svg-en-power-apps\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Convertir y Usar Im\u00e1genes \/ Iconos SVG en Power Apps - SVG Power Apps Tool \u26a0\ufe0f\u3010APP Gratis\u3011 - Hako IT\" \/>\n<meta property=\"og:description\" content=\"Usar Im\u00e1genes e iconos SVG en Power Apps es m\u00e1s f\u00e1cil y r\u00e1pido con la Herramienta gratis SVG Power Apps Tool! Ingresa, Convierte ya!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hakoit.com\/svg-power-apps-tool-usar-svg-en-power-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"Hako IT\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hakoit\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-10T19:23:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/09\/svg-power-apps.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Hako_it\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/svg-power-apps-tool-usar-svg-en-power-apps\\\/\",\"url\":\"https:\\\/\\\/www.hakoit.com\\\/svg-power-apps-tool-usar-svg-en-power-apps\\\/\",\"name\":\"Convertir y Usar Im\u00e1genes \\\/ Iconos SVG en Power Apps - SVG Power Apps Tool \u26a0\ufe0f\u3010APP Gratis\u3011 - Hako IT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/svg-power-apps-tool-usar-svg-en-power-apps\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/svg-power-apps-tool-usar-svg-en-power-apps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hakoit.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/svg-power-apps.jpg\",\"datePublished\":\"2024-05-18T12:32:18+00:00\",\"dateModified\":\"2025-09-10T19:23:21+00:00\",\"description\":\"Usar Im\u00e1genes e iconos SVG en Power Apps es m\u00e1s f\u00e1cil y r\u00e1pido con la Herramienta gratis SVG Power Apps Tool! Ingresa, Convierte ya!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/svg-power-apps-tool-usar-svg-en-power-apps\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hakoit.com\\\/svg-power-apps-tool-usar-svg-en-power-apps\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/svg-power-apps-tool-usar-svg-en-power-apps\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hakoit.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/svg-power-apps.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hakoit.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/svg-power-apps.jpg\",\"width\":1080,\"height\":675,\"caption\":\"svg power apps\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/svg-power-apps-tool-usar-svg-en-power-apps\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.hakoit.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Convertir y Usar Im\u00e1genes \\\/ Iconos SVG en Power Apps &#8211; SVG Power Apps Tool \u26a0\ufe0f\u3010APP Gratis\u3011\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/#website\",\"url\":\"https:\\\/\\\/www.hakoit.com\\\/\",\"name\":\"Hako IT\",\"description\":\"Soluciones de Software: Desarrollo - Consultor\u00eda de IT - Analytics -Marketing Digital. \u2713 Proponemos soluciones\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hakoit.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/#organization\",\"name\":\"Hako IT\",\"url\":\"https:\\\/\\\/www.hakoit.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hakoit.com\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Hako-Consultori\u0301a-1.png\",\"contentUrl\":\"https:\\\/\\\/www.hakoit.com\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Hako-Consultori\u0301a-1.png\",\"width\":597,\"height\":584,\"caption\":\"Hako IT\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hakoit\\\/\",\"https:\\\/\\\/x.com\\\/Hako_it\",\"https:\\\/\\\/www.instagram.com\\\/hako_it\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@hako-it\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Convertir y Usar Im\u00e1genes \/ Iconos SVG en Power Apps - SVG Power Apps Tool \u26a0\ufe0f\u3010APP Gratis\u3011 - Hako IT","description":"Usar Im\u00e1genes e iconos SVG en Power Apps es m\u00e1s f\u00e1cil y r\u00e1pido con la Herramienta gratis SVG Power Apps Tool! Ingresa, Convierte ya!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hakoit.com\/svg-power-apps-tool-usar-svg-en-power-apps\/","og_locale":"es_ES","og_type":"article","og_title":"Convertir y Usar Im\u00e1genes \/ Iconos SVG en Power Apps - SVG Power Apps Tool \u26a0\ufe0f\u3010APP Gratis\u3011 - Hako IT","og_description":"Usar Im\u00e1genes e iconos SVG en Power Apps es m\u00e1s f\u00e1cil y r\u00e1pido con la Herramienta gratis SVG Power Apps Tool! Ingresa, Convierte ya!","og_url":"https:\/\/www.hakoit.com\/svg-power-apps-tool-usar-svg-en-power-apps\/","og_site_name":"Hako IT","article_publisher":"https:\/\/www.facebook.com\/hakoit\/","article_modified_time":"2025-09-10T19:23:21+00:00","og_image":[{"width":1080,"height":675,"url":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/09\/svg-power-apps.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@Hako_it","twitter_misc":{"Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hakoit.com\/svg-power-apps-tool-usar-svg-en-power-apps\/","url":"https:\/\/www.hakoit.com\/svg-power-apps-tool-usar-svg-en-power-apps\/","name":"Convertir y Usar Im\u00e1genes \/ Iconos SVG en Power Apps - SVG Power Apps Tool \u26a0\ufe0f\u3010APP Gratis\u3011 - Hako IT","isPartOf":{"@id":"https:\/\/www.hakoit.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hakoit.com\/svg-power-apps-tool-usar-svg-en-power-apps\/#primaryimage"},"image":{"@id":"https:\/\/www.hakoit.com\/svg-power-apps-tool-usar-svg-en-power-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/09\/svg-power-apps.jpg","datePublished":"2024-05-18T12:32:18+00:00","dateModified":"2025-09-10T19:23:21+00:00","description":"Usar Im\u00e1genes e iconos SVG en Power Apps es m\u00e1s f\u00e1cil y r\u00e1pido con la Herramienta gratis SVG Power Apps Tool! Ingresa, Convierte ya!","breadcrumb":{"@id":"https:\/\/www.hakoit.com\/svg-power-apps-tool-usar-svg-en-power-apps\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hakoit.com\/svg-power-apps-tool-usar-svg-en-power-apps\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hakoit.com\/svg-power-apps-tool-usar-svg-en-power-apps\/#primaryimage","url":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/09\/svg-power-apps.jpg","contentUrl":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/09\/svg-power-apps.jpg","width":1080,"height":675,"caption":"svg power apps"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hakoit.com\/svg-power-apps-tool-usar-svg-en-power-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.hakoit.com\/"},{"@type":"ListItem","position":2,"name":"Convertir y Usar Im\u00e1genes \/ Iconos SVG en Power Apps &#8211; SVG Power Apps Tool \u26a0\ufe0f\u3010APP Gratis\u3011"}]},{"@type":"WebSite","@id":"https:\/\/www.hakoit.com\/#website","url":"https:\/\/www.hakoit.com\/","name":"Hako IT","description":"Soluciones de Software: Desarrollo - Consultor\u00eda de IT - Analytics -Marketing Digital. \u2713 Proponemos soluciones","publisher":{"@id":"https:\/\/www.hakoit.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hakoit.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.hakoit.com\/#organization","name":"Hako IT","url":"https:\/\/www.hakoit.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hakoit.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2019\/02\/Hako-Consultori\u0301a-1.png","contentUrl":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2019\/02\/Hako-Consultori\u0301a-1.png","width":597,"height":584,"caption":"Hako IT"},"image":{"@id":"https:\/\/www.hakoit.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hakoit\/","https:\/\/x.com\/Hako_it","https:\/\/www.instagram.com\/hako_it\/","https:\/\/www.youtube.com\/@hako-it"]}]}},"_links":{"self":[{"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/pages\/33923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/comments?post=33923"}],"version-history":[{"count":0,"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/pages\/33923\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/media\/38260"}],"wp:attachment":[{"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/media?parent=33923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}