How can i change the color of my icon when ion-tab-button is active

Hello everybody,
I am working with the tab component, and i want to change the color of my ion-icon svg when i activate that tabe.
My current activated button looks like this
not activated tab button
But my idea is to look like this (it’s from adobe XD)

And also, when i want to resize my icon only, it resizes pretty much the whole button, any workaround? thank you