{"id":33811,"date":"2024-04-17T12:17:21","date_gmt":"2024-04-17T10:17:21","guid":{"rendered":"https:\/\/www.hakoit.com\/?page_id=33811"},"modified":"2025-12-10T23:47:44","modified_gmt":"2025-12-10T22:47:44","slug":"svg-power-apps-tool-use-svg-in-power-apps","status":"publish","type":"page","link":"https:\/\/www.hakoit.com\/en\/svg-power-apps-tool-use-svg-in-power-apps\/","title":{"rendered":"SVG Power Apps Tool \u26a0\ufe0f Transform and Use SVG Images \/ Icons in Power Apps\u3010FREE APP\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 global_colors_info=\u00bb{}\u00bb][\/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>Wondering, How to use SVG images\/icons in Power Apps? It&#8217;s simple and easy\u2014just use the SVG Power Apps Tool to add SVGs to Power Apps. Copy the Transformed SVG and Paste it into your Image control in Power Apps.<\/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>Simple and quick: SVG Icon \/ Image to Power Apps<\/strong><\/h2>\n<p><strong>\u2139\ufe0f Easy and Fast:<\/strong> <strong>Enter\/Paste the SVG code<\/strong> to add it to your PowerApps into the \u00abSVG Power Apps Tool\u00bb by HakoIT, then click the <strong>Transform<\/strong> Button.<br \/><strong>\ud83d\udccb Copy<\/strong> the text code that&#8217;s generated in Power Apps format as SVG, and <strong>Paste<\/strong> it into your \ud83d\udcf2\u00a0<strong> Power Apps Image Control. Enjoy!<\/strong><\/p>\n<blockquote>\n<p>Transform and Use SVG Images \/ Icons in Power Apps &#8211; Free Tool<\/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 _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<!--HakoIt.com SVG Power Apps Tool v.4.4 --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"hakoit-container\"><!-- [et_pb_line_break_holder] -->   <\/p>\n<h2>SVG Power Apps Tool: Paste the SVG code below to Transform it<\/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> Transform<!-- [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> Clear All<!-- [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> Copy to Clipboard<!-- [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> Copy \/ Paste 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] -->     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(\"Please enter some SVG code.\");<!-- [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(\"The input does not seem to be a valid SVG. Please make sure to include valid <svg> tags.\");<!-- [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>Click on the SVG to copy the result to clipboard<\/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(\"Copied to clipboard!\");<!-- [et_pb_line_break_holder] -->            animateCopyButton();<!-- [et_pb_line_break_holder] -->        }, () => {<!-- [et_pb_line_break_holder] -->            showError(\"Failed to copy.\");<!-- [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(\"Formatted image text copied to clipboard. You can PASTE it directly into Power Apps. Right-click, then select Paste, and Paste the code (preview).\");<!-- [et_pb_line_break_holder] -->                animateButton('copyPasteButton');<!-- [et_pb_line_break_holder] -->            }, () => {<!-- [et_pb_line_break_holder] -->                showError(\"Failed to copy formatted text.\");<!-- [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>If you found the free SVG Power Apps Tool by HakoIT useful for Converting and Transforming SVG images\/icons in Power Apps, <strong>Please share it with your colleagues \/ friends and follow us on 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>Try other Free Tools: <a href=\"https:\/\/www.hakoit.com\/en\/font-for-instagram-copy-and-paste-social-media\/\" target=\"_blank\" rel=\"noopener\"><strong>Special Fonts for Instagram <em>\/ 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=\u00bbHow to use SVG image \/ Icon in Power Apps Step by Step\u00bb _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<p>AThe free Tool Transform the SVG file code into the Power Apps Image Control format, allowing for easy Copy and Paste for free.<\/p>\n<p>It will<strong> save a lot of time<\/strong> when replacing quotes and adding specific strings in the correct format required for using SVG in Power Apps. It will also <strong>help your eyes \ud83d\udc40<\/strong> as you won&#8217;t need to focus on replacing and ensuring the correct format.<\/p>\n<p>It&#8217;s a free online converter tool that simplifies using <strong>SVGs in Power Apps<\/strong>. Additionally, this tool is free to use and doesn&#8217;t require registration.<\/p>\n<h2><strong>How to use SVG image \/ Icon in Power Apps SVG Step by Step<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<h3><strong>Step 1: Choose an SVG Image\/Icon<\/strong><\/h3>\n<p>&#8211; Select an SVG image or icon that you want to use in Power Apps. You can find free SVG resources online, or you can create your own using vector graphics software.<\/p>\n<h3>Power Apps SVG icon &#8211; Free resources:<\/h3>\n<ul>\n<li><a href=\"https:\/\/fonts.google.com\/icons\" target=\"_blank\" rel=\"noopener\">Material Icons &#8211; Google (bike example)<\/a><\/li>\n<li><a href=\"https:\/\/www.svgrepo.com\/\" target=\"_blank\" rel=\"noopener\">SVGREPO<\/a><\/li>\n<\/ul>\n<h3><strong>Step 2: Copy the SVG Code<\/strong><\/h3>\n<p>&#8211; Find the <strong>SVG code<\/strong> and <strong>COPY<\/strong> it to your clipboard.<br \/>Some websites provide you with the HTML code of the SVG (&lt;svg&gt; &lt;\/svg&gt; tags), or you can Download the SVG file to your laptop and open it using a text editor such as Notepad, Sublime, or any other text editor of your choice.<\/p>\n<p><em> The SVG code appears as follows:<\/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=\u00bbSVG Image code\u00bb title_text=\u00bbSVG Image code\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.27.2&#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>Step 3: Paste the SVG Code into the SVG Power Apps Tool<\/h3>\n<p><strong>&#8211; Paste the SVG Code<\/strong> into the SVG Power Apps Tool<\/p>\n<h3>Step 4: Press the \u00abTransform\u00bb button<\/h3>\n<p>Press the <strong>Transform button, <\/strong>to convert it into <a href=\"https:\/\/www.hakoit.com\/en\/category\/power-apps\/\" target=\"_blank\" rel=\"noopener\">Power Apps<\/a> image format.<\/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 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.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 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>Step 5: Copy the Transformed Code<\/strong><\/h3>\n<p>&#8211; <strong>Copy<\/strong> the code that has been transformed or converted from SVG using the SVG Power Apps Tool by HakoIT to your clipboard.<\/p>\n<h3>B: Copy \/ Paste code (Preview)<\/h3>\n<p>\u2013 The Copy \/ Paste Code (Preview) button allows you to paste directly into Power Apps.<br \/>The code will contain a Power Apps Image control with the SVG code inside.<\/p>\n<blockquote>\n<p>In your <strong>Power Apps, Right-click<\/strong>, then select <strong>Paste<\/strong>, and select <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 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=\u00bbpower apps svg icon &#8211; Paste code to Power Apps\u00bb title_text=\u00bbpower apps svg icon &#8211; Paste code to 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.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 6: 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>Step 6: <\/strong><strong>Insert Image Control in your Power Apps<\/strong><\/h3>\n<p>&#8211; Log in to your Power Apps account and Create a New App in Power Apps or Open your Power Apps App.<br \/>&#8211; Within the <strong>Power Apps<\/strong> canvas editor,<strong> Insert an Image control<\/strong> where you want to display your transformed SVG image\/icon.<\/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 7: Paste the Transformed Code in the Image Control\u00bb _builder_version=\u00bb4.27.2&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h3>Step 7: Paste the Transformed Code in the Image Control<\/h3>\n<p>&#8211; In the properties panel of the Image control, locate and select the \u00ab<strong>Image<\/strong>\u00bb property.<br \/>&#8211; <strong>Paste the copied code into the \u00abImage\u00bb property field.<\/strong><br \/>After pasting, the Image control should display the SVG image as intended.<\/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.27.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<p><strong>-Adjust Size and Position<\/strong><br \/>Adjust the size and position of the Image control to fit your app&#8217;s layout. You can use the control handles to resize the image and drag it to the desired location.<\/p>\n<p>This process allows you to seamlessly integrate SVG images into your Power Apps app using the SVG Power Apps Tool.<\/p>\n<h3><strong>Use Cases for SVG in Power Apps:<\/strong><\/h3>\n<p>Here are some examples of how SVGs can be used in Power Apps:<\/p>\n<ul>\n<li><strong>Icons and Graphics<\/strong>: Use SVG icons and graphics to enhance the visual appeal of your app&#8217;s interface. <strong>PowerApps SVG Icons<\/strong> are scalable and look crisp on all screen sizes.<\/li>\n<li><strong>Custom Buttons<\/strong>: Create custom buttons with SVGs to add unique styles and interactions. SVGs allow for intricate designs and animations.<\/li>\n<li><strong>Dynamic Charts<\/strong>: Utilize SVGs to create dynamic and interactive charts within your Power Apps. SVGs offer flexibility in customization and data visualization.<\/li>\n<li><strong>Progress Indicators<\/strong>: Design progress bars and spinners using SVGs to provide visual feedback during data loading or processing tasks. Good example is creating a <strong>Power Apps Progress Bar<\/strong>.<\/li>\n<li><strong>Animated Elements<\/strong>: Incorporate animated SVG elements for engaging user experiences. Example: Add a <strong>Power apps SVG Spinner.<\/strong><\/li>\n<li><strong>Data Visualization<\/strong>: Use SVGs to visualize data in creative ways, such as infographics, timelines, and flowcharts. SVGs support complex shapes and colors (example: power apps change svg color with a variable) for effective data representation.<\/li>\n<li><b>App Branding and Logos<\/b> First impressions matter. Using a <b>Power Apps logo svg<\/b> ensures your company brand looks sharp on every screen, from phones to big monitors. Unlike blurry pictures, an SVG logo stays crisp. This small detail can make your project look like a professional <b>svg app<\/b> built by an expert.<\/li>\n<\/ul>\n<p>These are just a few examples of how SVGs can be effectively used in Power Apps to enhance functionality and user experience.<\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h2>Unlocking the Potential of SVG in Power Apps<\/h2>\n<h2>-Interactive Animations for Engaging Apps<\/h2>\n<p>PowerApps SVG animation transforms static visuals into interactive features, such as animated buttons or progress bars. These animations improve user engagement and make apps feel more responsive and modern. Adding animations is straightforward, requiring just a few steps to integrate animated SVG code into Power Apps.<\/p>\n<h2>-Custom Data Visualizations<\/h2>\n<p>SVGs shine in dynamic data visualization, enabling real-time charts, dashboards, and flow diagrams. By linking SVGs to Power Apps variables, developers can create visuals that adapt seamlessly to live data, providing users with an interactive and informative experience.<\/p>\n<h2>-The Role of SVG Icons in Simplifying Navigation<\/h2>\n<p>An icon power app design is vital for user interfaces, guiding users intuitively through the screens. By utilizing PowerApps SVG icons, developers can create visually cohesive designs that not only catch the user\u2019s eye but also offer functionality. These icons can represent actions, statuses, or even data points in ways that are clear and accessible. Power Apps\u2019 capability to dynamically adjust SVG icon properties, such as color or size, further enhances their utility.<\/p>\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.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2>SVG In Power Apps:<\/h2>\n<p>In Power Apps, leveraging SVG (Scalable Vector Graphics) opens a world of creative possibilities. You can easily incorporate SVG icons\/images for a polished interface, animate SVG elements to add dynamic flair for intuitive user interactions. Need a loading spinner? SVG has you covered with seamless integration. Customizing SVG colors? Just a few clicks away in Power Apps. Displaying SVG images or inserting SVG elements is straightforward, empowering you to design intricate charts or progress bars with precision. Power Apps simplifies the process, whether you&#8217;re encoding SVG URLs or creating captivating animated SVGs, making SVG in Power Apps an invaluable asset for crafting visually stunning and functional applications.<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=\u00bb5 Reasons to Add SVG to Power Apps\u00bb _builder_version=\u00bb4.25.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2>The Power of SVG: 5 Reasons to Add SVG to Power Apps<\/h2>\n<ul>\n<li><strong>Scalability and Clarity:<\/strong><\/li>\n<\/ul>\n<p>Scalable Vector Graphics (SVG) revolutionize visual content by maintaining exceptional quality regardless of device or screen size. Unlike traditional image formats, SVG images retain their sharpness and clarity, ensuring a professional and polished appearance across smartphones, tablets, laptops, and desktop monitors. This scalability is a game-changer for web designers and developers, offering unparalleled flexibility in crafting visually stunning websites and applications.<\/p>\n<ul>\n<li><strong>Faster Loading Times:<\/strong><\/li>\n<\/ul>\n<p>SVG&#8217;s lightweight nature significantly reduces file size compared to raster image formats like JPEG or PNG. This reduction in file size translates to faster loading times for apps and web pages, contributing to a seamless user experience.<\/p>\n<ul>\n<li><strong>Reduced File Size &amp; Performance Optimization: <\/strong><\/li>\n<\/ul>\n<p>File size plays a crucial role in web\/app performance. By integrating SVG graphics, you not only enhance visual appeal but also prioritize speed and efficiency.<\/p>\n<ul>\n<li><strong>Dynamic Animations: <\/strong><\/li>\n<\/ul>\n<p>SVG enables captivating animations directly within image files, engaging users and adding visual appeal. Whether it&#8217;s creating engaging effects, animated icons, or interactive infographics, SVG empowers designers to unleash their creativity and captivate users.<\/p>\n<ul>\n<li><strong>Accessibility: <\/strong><\/li>\n<\/ul>\n<p>SVG&#8217;s scalability aids accessibility for diverse user needs, ensuring inclusivity and user-friendly design.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h2>Simplifying SVG Integration with Tools<br \/>How SVG Power Apps Tools by HakoIT Save Time<\/h2>\n<p><b>How to Convert SVG Code to Image Formats:<\/b> Do you need to <b>turn svg code into image<\/b> data for your project? Doing this by hand is difficult because you have to change symbols and text. Our tool is designed to <b>convert svg code to image<\/b> strings instantly. This is helpful when you need to move from <b>svg to fx<\/b> (formulas). It creates the exact code string you need to paste into the Power Apps formula bar.<\/p>\n<p><strong>Manually converting SVGs for use in Power Apps can be tedious<\/strong>. Tools like the SVG Power Apps Tool by HakoIT streamline the process, turning raw SVG code into a Power Apps-compatible format with a single click. This efficiency not only saves time but also eliminates formatting errors, ensuring smooth integration.<\/p>\n<h3>Enhancing PowerApps with SVG Icons and Animations<\/h3>\n<p>Working with Power Apps SVG files has become much easier thanks to the flexibility of SVG in PowerApps. Whether you want to upload SVG icons, explore a PowerApps SVG converter, or simply convert an SVG icon for better compatibility, this approach allows smoother integration. Many creators use SVG Power Apps or SVG PowerApps not only to design custom elements but also to add engaging visuals like Power Apps animation. By leveraging Power Apps SVG icons, you can transform your app design, enhance user experience, and streamline customization.<\/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>Conclusion:<\/h2>\n<p>\u26a0\ufe0f Using the SVG Power Apps Tool is a free and straightforward way to incorporate SVG images\/icons into Power Apps.<br \/>\ud83d\udc40 The tool saves time and effort by converting SVG code into the correct format for Power Apps Image Control.<br \/>\u2139\ufe0f Follow a step-by-step process: Choose an SVG, copy its code, paste it into the tool, transform it, and then insert it into Power Apps.<br \/>\ud83d\udccb The transformed code can be easily copied and pasted into the Image Control property in Power Apps for seamless integration.<br \/>\ud83d\udcf2 SVGs in Power Apps offer various benefits, including enhanced visual appeal, custom buttons, dynamic charts, progress indicators, and animated elements for engaging user experiences.<\/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-powerapps-tool.jpg\u00bb alt=\u00bbsvg powerapps tool\u00bb title_text=\u00bbsvg powerapps tool\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.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2>Use SVG in Power Apps &#8211; Frequently Asked Questions (FAQ):<\/h2>\n<h2>What are the benefits of using SVG images\/icons in Power Apps?<\/h2>\n<p>SVG images\/icons in Power Apps offer scalability, faster loading times, reduced file sizes, dynamic animations, and accessibility benefits compared to traditional image formats.<\/p>\n<h2>Can SVG images\/icons be customized in Power Apps?<\/h2>\n<p>The SVG Power Apps Tool simplifies transforming SVG code into the correct format for Power Apps Image Control, enhancing user experience by seamlessly integrating SVGs with customized visuals and improved performance.<\/p>\n<h2>How to use SVG in Power Apps?<\/h2>\n<p>1-Choose an SVG image\/icon. 2- Copy the SVG code. 3- Paste the SVG code into the SVG Power Apps Tool by HakoIT. 4- Transform the code using the tool.<br \/>5.Copy the transformed code. 6. Insert the transformed code into the Image Control property in Power Apps.<\/p>\n<h2>How to add SVG to power apps?<\/h2>\n<p>Use the SVG Power Apps Tool by HakoIT to transform SVG code into the correct format.<br \/>Copy the transformed code.<br \/>Insert the transformed code into the Image Control property in Power Apps.<\/p>\n<h2>Can you use SVG in Power Apps?<\/h2>\n<p>Yes, you can use SVG images\/icons in Power Apps by following the steps outlined above and using the SVG Power Apps Tool by HakoIT for transformation and integration.<\/p>\n<h2>Can I animate SVG elements in Power Apps?<\/h2>\n<p>Yes, Power Apps supports animations for SVG elements. You can use them just like SVG images or icons.<\/p>\n<h2>How do I add SVG to power apps?<\/h2>\n<p>Using the SVG Power Apps Tool by HakoIT, adding SVGs to Power Apps is straightforward. Upload them as images or icons through the app&#8217;s design interface.<\/p>\n<h2>Is SVG better than PNG for use in Power Apps?<\/h2>\n<p>SVGs are often preferred over PNGs due to their scalability and smaller file size, leading to faster loading times and better quality.<\/p>\n<h2>Is SVG better than JPG for use in Power Apps?<\/h2>\n<p>Compared to JPGs, SVGs offer scalability without loss of quality, making them ideal for icons and graphics while JPGs are better suited for photographs with compression needs.<\/p>\n<p>[\/et_pb_text][et_pb_code admin_label=\u00bbFAQ Google\u00bb _builder_version=\u00bb4.25.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<!DOCTYPE html><!-- [et_pb_line_break_holder] --><html><!-- [et_pb_line_break_holder] -->  <head><!-- [et_pb_line_break_holder] -->    <title>Use SVG in Power Apps &#8211; Frequently Asked Questions (FAQ)<\/title><!-- [et_pb_line_break_holder] -->    <script type=\"application\/ld+json\"><!-- [et_pb_line_break_holder] -->    {<!-- [et_pb_line_break_holder] -->      \"@context\": \"https:\/\/schema.org\",<!-- [et_pb_line_break_holder] -->      \"@type\": \"FAQPage\",<!-- [et_pb_line_break_holder] -->      \"mainEntity\": [{<!-- [et_pb_line_break_holder] -->        \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->        \"name\": \"What are the benefits of using SVG images\/icons in Power Apps?\",<!-- [et_pb_line_break_holder] -->        \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->          \"text\": \"SVG images\/icons in Power Apps offer scalability, faster loading times, reduced file sizes, dynamic animations, and accessibility benefits compared to traditional image formats.\"<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }, {<!-- [et_pb_line_break_holder] -->        \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->        \"name\": \"Can SVG images\/icons be customized in Power Apps?\",<!-- [et_pb_line_break_holder] -->        \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->          \"text\": \"The SVG Power Apps Tool By HakoIT simplifies transforming SVG code into the correct format for Power Apps Image Control, enhancing user experience by seamlessly integrating SVGs with customized visuals and improved performance.\"<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }, {<!-- [et_pb_line_break_holder] -->        \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->        \"name\": \"How to use SVG in Power Apps?\",<!-- [et_pb_line_break_holder] -->        \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->          \"text\": \"1. Choose an SVG image\/icon. 2. Copy the SVG code. 3. Paste the SVG code into the SVG Power Apps Tool by HakoIT. 4. Transform the code using the tool. 5. Copy the transformed code. 6. Insert the transformed code into the Image Control property in Power Apps.\"<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }, {<!-- [et_pb_line_break_holder] -->        \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->        \"name\": \"How to add SVG to Power Apps?\",<!-- [et_pb_line_break_holder] -->        \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->          \"text\": \"Use the SVG Power Apps Tool by HakoIT to transform SVG code into the correct format. Copy the transformed code. Insert the transformed code into the Image Control property in Power Apps.\"<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }, {<!-- [et_pb_line_break_holder] -->        \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->        \"name\": \"Can you use SVG in Power Apps?\",<!-- [et_pb_line_break_holder] -->        \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->          \"text\": \"Yes, you can use SVG images\/icons in Power Apps by following the steps outlined above and using the SVG Power Apps Tool by HakoIT for transformation and integration.\"<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }, {<!-- [et_pb_line_break_holder] -->        \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->        \"name\": \"Can I animate SVG elements in Power Apps?\",<!-- [et_pb_line_break_holder] -->        \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->          \"text\": \"Yes, Power Apps supports animations for SVG elements. You can use them just like SVG images or icons..\"<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }, {<!-- [et_pb_line_break_holder] -->        \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->        \"name\": \"Is SVG better than PNG for use in Power Apps?\",<!-- [et_pb_line_break_holder] -->        \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->          \"text\": \"SVGs are often preferred over PNGs due to their scalability and smaller file size, leading to faster loading times and better quality.\"<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }, {<!-- [et_pb_line_break_holder] -->        \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->        \"name\": \"Is SVG better than JPG for use in Power Apps?\",<!-- [et_pb_line_break_holder] -->        \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->          \"text\": \"Compared to JPGs, SVGs offer scalability without loss of quality, making them ideal for icons and graphics while JPGs are better suited for photographs with compression needs.\"<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }]<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <\/script><!-- [et_pb_line_break_holder] -->  <\/head><!-- [et_pb_line_break_holder] -->  <body><!-- [et_pb_line_break_holder] -->  <\/body><!-- [et_pb_line_break_holder] --><\/html><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/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\/powerapps-consulting-services-1080.jpg\u00bb alt=\u00bbpowerapps consulting services\u00bb title_text=\u00bbpowerapps consulting services\u00bb url=\u00bbhttps:\/\/www.hakoit.com\/en\/power-apps-consulting-services\/\u00bb url_new_window=\u00bbon\u00bb align=\u00bbcenter\u00bb admin_label=\u00bbads power apps 1080 en\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>Wondering, How to use SVG images\/icons in Power Apps? It&#8217;s simple and easy\u2014just use the SVG Power Apps Tool to add SVGs to Power Apps. Copy the Transformed SVG and Paste it into your Image control in Power Apps.Simple and quick: SVG Icon \/ Image to Power Apps \u2139\ufe0f Easy and Fast: Enter\/Paste the SVG [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":38251,"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-33811","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>SVG Power Apps Tool \u26a0\ufe0f Transform and Use SVG Images \/ Icons in Power Apps\u3010FREE APP\u3011 - Hako IT<\/title>\n<meta name=\"description\" content=\"Unlock the power of SVG integration in Power Apps with the SVG Power Apps Tool!. SVG Images\/Icons in Power Apps. Free tool for Copy &amp; Paste\" \/>\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\/en\/svg-power-apps-tool-use-svg-in-power-apps\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SVG Power Apps Tool \u26a0\ufe0f Transform and Use SVG Images \/ Icons in Power Apps\u3010FREE APP\u3011 - Hako IT\" \/>\n<meta property=\"og:description\" content=\"Unlock the power of SVG integration in Power Apps with the SVG Power Apps Tool!. SVG Images\/Icons in Power Apps. Free tool for Copy &amp; Paste\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hakoit.com\/en\/svg-power-apps-tool-use-svg-in-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-12-10T22:47:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/09\/power-apps-svg.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=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/en\\\/svg-power-apps-tool-use-svg-in-power-apps\\\/\",\"url\":\"https:\\\/\\\/www.hakoit.com\\\/en\\\/svg-power-apps-tool-use-svg-in-power-apps\\\/\",\"name\":\"SVG Power Apps Tool \u26a0\ufe0f Transform and Use SVG Images \\\/ Icons in Power Apps\u3010FREE APP\u3011 - Hako IT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/en\\\/svg-power-apps-tool-use-svg-in-power-apps\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/en\\\/svg-power-apps-tool-use-svg-in-power-apps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hakoit.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/power-apps-svg.jpg\",\"datePublished\":\"2024-04-17T10:17:21+00:00\",\"dateModified\":\"2025-12-10T22:47:44+00:00\",\"description\":\"Unlock the power of SVG integration in Power Apps with the SVG Power Apps Tool!. SVG Images\\\/Icons in Power Apps. Free tool for Copy & Paste\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/en\\\/svg-power-apps-tool-use-svg-in-power-apps\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hakoit.com\\\/en\\\/svg-power-apps-tool-use-svg-in-power-apps\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/en\\\/svg-power-apps-tool-use-svg-in-power-apps\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hakoit.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/power-apps-svg.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hakoit.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/power-apps-svg.jpg\",\"width\":1080,\"height\":675,\"caption\":\"power apps svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/en\\\/svg-power-apps-tool-use-svg-in-power-apps\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.hakoit.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SVG Power Apps Tool \u26a0\ufe0f Transform and Use SVG Images \\\/ Icons in Power Apps\u3010FREE APP\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":"SVG Power Apps Tool \u26a0\ufe0f Transform and Use SVG Images \/ Icons in Power Apps\u3010FREE APP\u3011 - Hako IT","description":"Unlock the power of SVG integration in Power Apps with the SVG Power Apps Tool!. SVG Images\/Icons in Power Apps. Free tool for Copy & Paste","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\/en\/svg-power-apps-tool-use-svg-in-power-apps\/","og_locale":"es_ES","og_type":"article","og_title":"SVG Power Apps Tool \u26a0\ufe0f Transform and Use SVG Images \/ Icons in Power Apps\u3010FREE APP\u3011 - Hako IT","og_description":"Unlock the power of SVG integration in Power Apps with the SVG Power Apps Tool!. SVG Images\/Icons in Power Apps. Free tool for Copy & Paste","og_url":"https:\/\/www.hakoit.com\/en\/svg-power-apps-tool-use-svg-in-power-apps\/","og_site_name":"Hako IT","article_publisher":"https:\/\/www.facebook.com\/hakoit\/","article_modified_time":"2025-12-10T22:47:44+00:00","og_image":[{"width":1080,"height":675,"url":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/09\/power-apps-svg.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@Hako_it","twitter_misc":{"Tiempo de lectura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hakoit.com\/en\/svg-power-apps-tool-use-svg-in-power-apps\/","url":"https:\/\/www.hakoit.com\/en\/svg-power-apps-tool-use-svg-in-power-apps\/","name":"SVG Power Apps Tool \u26a0\ufe0f Transform and Use SVG Images \/ Icons in Power Apps\u3010FREE APP\u3011 - Hako IT","isPartOf":{"@id":"https:\/\/www.hakoit.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hakoit.com\/en\/svg-power-apps-tool-use-svg-in-power-apps\/#primaryimage"},"image":{"@id":"https:\/\/www.hakoit.com\/en\/svg-power-apps-tool-use-svg-in-power-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/09\/power-apps-svg.jpg","datePublished":"2024-04-17T10:17:21+00:00","dateModified":"2025-12-10T22:47:44+00:00","description":"Unlock the power of SVG integration in Power Apps with the SVG Power Apps Tool!. SVG Images\/Icons in Power Apps. Free tool for Copy & Paste","breadcrumb":{"@id":"https:\/\/www.hakoit.com\/en\/svg-power-apps-tool-use-svg-in-power-apps\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hakoit.com\/en\/svg-power-apps-tool-use-svg-in-power-apps\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hakoit.com\/en\/svg-power-apps-tool-use-svg-in-power-apps\/#primaryimage","url":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/09\/power-apps-svg.jpg","contentUrl":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/09\/power-apps-svg.jpg","width":1080,"height":675,"caption":"power apps svg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hakoit.com\/en\/svg-power-apps-tool-use-svg-in-power-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.hakoit.com\/"},{"@type":"ListItem","position":2,"name":"SVG Power Apps Tool \u26a0\ufe0f Transform and Use SVG Images \/ Icons in Power Apps\u3010FREE APP\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\/33811","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=33811"}],"version-history":[{"count":1,"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/pages\/33811\/revisions"}],"predecessor-version":[{"id":39625,"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/pages\/33811\/revisions\/39625"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/media\/38251"}],"wp:attachment":[{"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/media?parent=33811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}