Changing the default icon size for size="small" via CSS

I’m trying to set the default size like this

ion-icon {
	font-size: 48px;
    &[size="small"] {
       font-size: 20px
    }
}

I supposed this isn’t the right way to do it. Can anyone point me in the right direction?

i would recommend to create a own css class and use this :thinking:

I did as a matter of fact I do have classes for icon-lg, icon-md, icon-sm but applying it to the icon has no effect.

Which Ionic Version do you use?

Normally you can adjust the Icon via just set the width and height, so i think it should work like:

ion-icon {
	width: 48px;
    height: 48px;

    &[size="small"] {
       width: 20px;
       height: 20px;
    }
}

Oh we’re using height/width here? The docs mentions the use of font-size. Yes, it works. Thanks for your help, @EinfachHans