svg not showing in chrome code example

Example 1: svg img tag not showing

in the svg file change

xlink:href="data:img/png;base64,

to

xlink:href="data:image/png;base64,

Example 2: svg icon not showing html

<div class="social-icon">
<object data="assets/twitter-wrap.svg" type="image/svg+xml"></object>
</div>

Example 3: img svg not loading

<!-- 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>

Example 4: svg not rendering in chrome anymore

<object data="/images/yourlogo.svg" type="image/svg+xml" width="100" height="100" class="mylogo"></object>