<svg class="icon icon-vk">
<use class='svg1' xlink:href="#icon-vk"></use>
<use class='svg2' xlink:href="#icon-hover"></use>
</svg>.soc_vk:hover .svg1{ display: none; }
.soc_vk:hover .svg2{ display: inline; }
.soc_vk:not(:hover) .svg1{ display: inline; }
.soc_vk:not(:hover) .svg2{ display: none; }.you-block{
position: relative;
}
.you-block:after{
content: 'Маша';
position: absolute;
backgroud-color: #fff;
left: 0;
top: 0;
right: 0;
bottom: 0;
}<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="gamecontroller" viewBox="0 0 64 64"> ... </symbol>
<symbol id="icons-11" viewBox="0 0 65 65"> ... </symbol>
<use xlink:href='#gamecontroller' />
</svg>