Fix the background, arrowUpLeft, keyboardReturn and square icons

[afercia]

Description

Icons in the icons package should use consistent props passed to the SVG component.

Turns out that:

• background and arrowUpLeft:
  • miss the viewBox="0 0 24 24" attribute as such their default size is smaller than expected
  • have explicit width="24" height="24" set, they are unnecessary because the size is added later
  • have a fill="none" attribute so by default they are not visible
• square:
  • has a a fill="none" attribute which doesn't impact the visibility but it is unnecessary

introduced in
#65183
#65304
#65497

Step-by-step reproduction instructions

• Go to the storybook https://wordpress.github.io/gutenberg/?path=/story/icons-icon--library
• observe the background and arrowUpLeft aren't visible

Screenshots, screen recording, code snippet

Environment info

No response

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure

[afercia]

The keyboardReturn icon has probems as well, it misses the viewBx attribute so that by defualt the sizes are messed up:

Will push an update to the associated PR.

[afercia]

Re: the keyboardReturn icon, I see the viewBox was removed in #59669 intentionally. I'm not sure that was the correct fix. Rather, the buttons that contain the icon and the size passed to the Button should make the icon render correctly. Adding back the removed viewBox sems to work fine now.