SVG Icon Appear broken Image

Hi there,
Thanks for your support and sorry for the delay in getting back to you!

This is likely to do with your theme. But could also be the SVG itself.
Without any link or something to look at, I can’t really say.
Feel free to add a URL so I can take a look.

I have created Svg File using Adobe Illustrator. When exporting from adobe illustrator if I select embed then the Svg image shows up in customizer. But when I select the link option the Svg File does not show up in the Customizer although it uploads successfully the preview is not available. When set as the logo it appears blank on the website. The reason I want to use the link option is that it has a small size.
Screenshot
The theme I am using is Astra.

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 612 792" enable-background="new 0 0 612 792" xml:space="preserve">
<image overflow="visible" width="512" height="512" xlink:href="D:\Solutions\Website\Logo\Copy of FILECTORY (6).png"  transform="matrix(0.75 0 0 0.75 114 204)">
</image>
</svg>

This is the code for that Svg File when using the link option

Sounds like you need to outline text and expand objects before saving out of illustrator. Those 2 options shouldn’t have a wild difference like that.

It also looks like you have embedded a png in your vector. This is not going to make your png into a vector without tracing it into one first.

I hope this helps.