Apply class to svg itself

Hi @czeckd, its a really neat plugin!

About the applyCss, it only work if the applied class is specific for using with the svg element. In my case, i have class that’s for general use, for example:

.h-12 {
    height: 3rem;
}

If i use the applyCss like this:

<svg-icon [applyCss]="true" class="h-12" src="assets/images/test.svg"></svg-icon>

It won’t work, because my class don’t apply the styles to the <svg> element. Is there any way to make the class applied to the <svg-icon> be transported to the <svg> tag?

_Originally posted by @filipedtristao in https://github.com/czeckd/angular-svg-icon/issues/58#issuecomment-588521108_

[czeckd]

@vaindil @MaximSagan - I backed out the change that automatically duplicated the svg-icon class and applied it to the svg. It is in version 9.2.0.

@filipedtristao - You have two options to apply the svg-icon class to the svg in 9.2.0. You can use the new [svgClass] attribute or use the [class] attribute and set applyClass="true" to duplicate the svg-icon class onto the svg.

[czeckd]

@filipedtristao

To work like you suggest, it will need some code change. For now, you can work around the issue by adding this to your scss:

.h-12 {
    height: 3rem;

    svg {
        height: 3rem;
    }
}