I am building a website for a brand. The designer sent me the company logo in an .svg format. I rarely see SVG logos on websites, and I usually work with PNG images so I have two questions :
- Is it a good practice to use an .svg file as a site logo? Does it affect the SEO?
- How do I embed it on the website? I’ve seen many practices :
<img src="logo.svg" alt="XYZ" height="87px" width="100px"/>
<svg id="logo" height="60" width="60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" > <image x="0" y="0" height="600" width="600" xlink:href="logo.svg" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="280" height="53"><g fill="none" fill-rule="evenodd"><path d="..."fill="#FFF"/></svg>
Thank you for your help!