Social icons not showing in safari (no width and height set on svg)

[angelokeirsebilck]

Describe the bug

The socials icons are not showing on Safari because the SVG's don't have height and width set.

I am using craft.socialShare.renderButton function to render the social links.

Steps to reproduce

1. Render a social link with craft.socialShare.renderButton
2. Open safari and check if icon is showing

Craft CMS version

4.5.5

Plugin version

1.0.3

Multi-site?

No response

Additional context

No response

[engram-design]

That's interesting, what version of Safari? On 17.1 they seem to render okay for me

Here's a quick example:

{{ craft.socialShare.renderButton('appStore', {
    url: 'https://craftcms.com',
    theme: {
        showIcon: true,
        shape: 'circle',
        iconColor: 'white',
        bgColor: 'brand',
    },
}) }}

Which renders:

The height is controlled via CSS:

[data-social-button] {
    --size: 40px;
    height: var(--size);
    line-height: var(--size);
}