två inline svg path ikoner, en syns den andra osynlig men tar upp plats
Jag har gjort två knappar. Lokalt i min dev miljö visas svg ikonerna fint. Men när jag laddar upp temat försvinner Linkedin ikonen från knappen fast den är där och tar upp plats, det ser man om man hovrar över svg-elementet i chrome inspect.
Jag fattar inte hur den kan försvinna i production.
Nån som har en aning?
Dev:
Production:
Och här är koden, den riktiga sajten bortcensurerad. Jag har provat utan currentColor också:
<div class="dela-knappar">
<div class="email">
<a href=censur>
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
<path d="M172.309-180.001q-30.308 0-51.308-21t-21-51.308v-455.382q0-30.308 21-51.308t51.308-21h615.382q30.308 0 51.308 21t21 51.308v455.382q0 30.308-21 51.308t-51.308 21H172.309ZM800-662.309 499.461-469.924q-4.615 2.615-9.538 4.115t-9.923 1.5q-5 0-9.923-1.5t-9.538-4.115L160-662.309v410q0 5.385 3.462 8.847 3.462 3.462 8.847 3.462h615.382q5.385 0 8.847-3.462 3.462-3.462 3.462-8.847v-410ZM480-520l313.846-200H166.154L480-520ZM160-662.309v9.23-45.729 1.192V-720v22.384-1.269 45.806-9.23V-240v-422.309Z">
</path>
</svg>Email</a>
</div>
<div class="linkedin">
<a href="https://www.linkedin.com/shareArticle?url=censur/">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M19 3a1.3.0 0 1 2 2v14a1.3.0 0 1-2 2H5a1.3.0 0 1-2-2V5a1.3.0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77Z">
</path>
</svg>Share</a>
</div>
</div>
