Первым делом создаем css стиль, что-то вроде:
.svg-logo a {
display: inline-block;
position: relative;
z-index: 1;
}
.svg-logo span {
display: inline-block;
}
.svg-logo object {
position: relative;
z-index: -1
}
Далее просто оборачиваем в теги наш svg логотип:
<div class="svg-logo">
<a href="/" title="Лого компании">
<span>
<object type="image/svg+xml" data="logo22.svg" width="220px">
<img src=logo22.png" alt="Лого компании">
</object>
</span>
</a>
</div>