fix: icons now scale when zooming in Safari

[unekinn]

Summary

Changes icon sizing css from using font-size, which breaks scaling when zooming in Safari, to using height and width

Fixes #4038

Checks

• I have read the contribution guidelines
• I have added a changeset (run pnpm changeset if relevant)

[changeset-bot]

🦋 Changeset detected

Latest commit: b1780fa

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@digdir/designsystemet-react	Patch
@digdir/designsystemet-css	Patch
@digdir/designsystemet	Patch
@digdir/designsystemet-types	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

Preview deployments for this pull request:

storybook - 10. Feb 2026 - 14:31

themebuilder - 10. Feb 2026 - 14:32

www - 10. Feb 2026 - 14:38

[oddvernes]

Just noticed a lot of icons on the front page don't scale on firefox

But this is also the case in the prod version. But the icons in the 3 cards at the top of the page scale in prod but not in this pr 🤷

[unekinn]

@oddvernes how strange. It scales fine in my Firefox (147.0.3)

Cards:

Footer:

[oddvernes]

Weird, Im on same firefox, macbook. But its seems to mainly be noticeable at pretty high zoom like 200% (with cmd +) and above so it is not as bad as safari. perhaps it is flex-shrink or something

[oddvernes]

Is there a side effect with how this was implemented that fontSize on the svg in these components now has an effect? Because I think it should be mentined here if so (considering how many examples there were of this in our own code)