On many of my imported svg icons they include a very thin (1 pixel? highlighted w/red box) partial border. This border is not present when viewing in Powerpoint. How do I get rid of it?
Hi @troyhimes
The thin border you are seeing on your imported SVG icons is likely caused by the way the SVG file is constructed. One possible solution to remove this border is to edit the SVG file using a vector graphics editor such as Adobe Illustrator or Inkscape.
Here are the general steps to remove the border:
- Open the SVG file in a vector graphics editor.
- Locate the element that is causing the border. This is typically a rectangle or path element that is slightly larger than the icon itself.
- Delete or adjust the element to remove or reduce the border.
- Save the SVG file and re-import it into your Powerpoint presentation.
Another way to remove the border is to import the svg into a code editor and check the styles of the element causing the border, and try to remove the style that is causing the border, then save and import it again.
It is also possible that the border is caused by a transparent pixel in the SVG file, so you can try to open the SVG file in an image editor, such as Adobe Photoshop or GIMP, and check for any transparent pixels around the icon, and then remove them and save the file.
Please note that depending on the complexity of the SVG file, it may be difficult to locate the element causing the border, so you may need to experiment with different editing techniques to find the best solution.
If this post helps, please consider accepting it as the solution to help the other members find it more quickly.
Appreciate your Kudos!!
@VahidDM, thanks for the response.
Since I'm an svg novice I downloaded Inkscape and viewed the expand arrows from my original post. The extraneous lines don't appear when viewed in Inkscape and it doesn't look like there is an extra rectangle ( I may not be interpreting that correctly).
You're right...the xml looks like latin to me.
Since I'm able to view the svg file w/o any funky borders in any other software I open it in, is it possibly a Power BI issue?
<!doctype html>
<svg viewBox="144.374 112.979 122.88 122.88" width="122.88" height="122.88">
<g transform="matrix(1, 0, 0, 1, 144.373947, 112.9786)">
<path class="st0" d="M0,122.88l1.01-51.25L17.18,87.8c15.42-15.43,17.1-17.11,32.53-32.53l17.9,17.91 C52.19,88.6,50.51,90.28,35.08,105.7l16.17,16.17L0,122.88L0,122.88L0,122.88z M122.88,0L71.62,1.01l16.17,16.17 C72.37,32.6,70.69,34.29,55.27,49.71l17.9,17.91c15.43-15.42,17.11-17.11,32.53-32.53l16.17,16.18L122.88,0L122.88,0L122.88,0z" style="clip-rule: evenodd; fill-rule: evenodd;"></path>
</g>
</svg>
<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1, 0, 0, 1, 144.373952, 112.978603)">
<path class="st0" d="M0,122.88l1.01-51.25L17.18,87.8c15.42-15.43,17.1-17.11,32.53-32.53l17.9,17.91 C52.19,88.6,50.51,90.28,35.08,105.7l16.17,16.17L0,122.88L0,122.88L0,122.88z M122.88,0L71.62,1.01l16.17,16.17 C72.37,32.6,70.69,34.29,55.27,49.71l17.9,17.91c15.43-15.42,17.11-17.11,32.53-32.53l16.17,16.18L122.88,0L122.88,0L122.88,0z" style="clip-rule: evenodd; fill-rule: evenodd;"></path>
</g>
</svg>
Helpful resources
Join us at the Microsoft Fabric Community Conference
March 31 - April 2, 2025, in Las Vegas, Nevada. Use code MSCUST for a $150 discount!
A Year in Review - December 2024
Find out what content was popular in the Fabric community during 2024.
