MDI icons broken

[NyxCode]

The first icon I tried, md_action_icons::MdDeleteForever, seems to be broken.
It contains two paths:

rsx! {
    path {
        d: "M0 0h24v24H0V0z",
    }
    path {
        d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z",
    }
}

The first one is an outline, which will be filled with the same color, covering the icon.
Here are the two paths, color-coded:

I can only imagine this isn't the only broken icon, since it's literally the first I tried.

[NyxCode]

Also, I just realized that these are not "Material Design Icons", but Google Font's "Material Icons" (which is a subset of the former), correct?

[nissy-dev]

This appears to be a bug. There are certain cases where the fill attribute should not be removed.

dioxus-free-icons/packages/codegen/src/create_icon_file.rs

Line 196 in b1a6aec

if !re.is_match(name) && name != "fill" {

Also, I just realized that these are not "Material Design Icons", but Google Font's "Material Icons" (which is a subset of the former), correct?

As stated in the README, the icons are sourced from google/material-design-icons at v4.0.0. Since this tag is from five years ago, it may indeed be considered a subset of the broader Material Design Icons available today.

[NyxCode]

fwiw, the same icon from MDI does not include this first path, and im not sure why it's there in googles repo.

[Nukesor]

I just stumbled upon another one, where the fill should be removed, while stroke should be set.
IoChevronDown and its equivalents are rendered like this:

Setting fill: "none", stroke: "currentColor" manually fixes the issue.

However, there's currently no way to set different fill/stroke values for icons. The Icon type, sets both properties based on fill. It would probably be nice to get access to stroke to fix issues like these?

I fixed it via custom css for that icon for now:

                /** The chevron svg is a bit broken and needs some overrides */
                .chevron {
                    fill: none;
                    stroke: currentColor;
                }