Wie macht man einen Link von aussen um eine SVG?

[draupnir]

Hallo zusammen,

ich möchte eine SVG mit einem Fallback (PNG) in meine Website einbauen. Da es das Logo sein soll, soll es anklickbar sein.

<a href="http://www.MyWebsite.tld" target="_blank" title="Link zu Homepage">
    <object type="image/svg+xml" data="logo.svg">
        <img src="logo.png" alt="Logo as png" />
    </object>
</a>

Leider musste ich feststellen, dass unter macOS in jedem Browser der Link gar nicht geht. Unter Windows ist nur ein schmaler Streifen unten auf der SVG anklickbar. Wenn ich die SVG ins <img> packe, dann klappt es, aber dann habe ich den Fallback nicht mehr.

Wie kann ich das Problem über <a> lösen?

Einen schöne Abend, J.