<!-- add the xlmns attribute to the svg element --> <svg viewBox="0 0 24 24"><path d="..."/></svg> <!-- after --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="..."/></svg>
in the svg file change xlink:href="data:img/png;base64, to xlink:href="data:image/png;base64,
<div class="social-icon"> <object data="assets/twitter-wrap.svg" type="image/svg+xml"></object> </div>