svg Height and Width "inherit" values are invalid

[alixroyere]

Hello,
I'm trying to use this library, but it generates 2 warnings for each icon in the browser console:

Valeur inherit inattendue lors de l’analyse de l’attribut width.
Valeur inherit inattendue lors de l’analyse de l’attribut height.

This can be translated to "Unexpected value for width/height attribute"

In fact, each svg contains "inherit" for width and height, but they are not valid values in svg.
<svg width="inherit" height="inherit" viewBox="0 0 24 24"
https://github.com/480-Design/Solar-Icon-Set-React/blob/main/src/icons/Arrows/AltArrowDown.tsx

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width#svg
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height#svg
Valid values for svg width and height are: auto | a length | a percentage

If we remove width="inherit" height="inherit" from svg, icon seems to still work and are still resizing when parent wrapper width and height are updated.

<span
      role="img"
      aria-hidden="true"
      style={{
        color: color,
        width: size,
        height: size,
        display: "inline-flex",
        fontSize: "inherit",
      }}
      {...restProps}
    >
      {icon}
    </span>

https://github.com/480-Design/Solar-Icon-Set-React/blob/main/src/icons/IconWrapper.tsx

So can we remove these props?

And is this project still maintained? Links on the readme are dead too

[efairy]

use svgProps to overwrite ,such as :
<Transmission svgProps={{ height: 24, width: 24 }} />