How can I change the icon of the checkbox widget?

I want to change the icon of the default checkbox widget with ones available from: material.io/resources/icons/

E.g. 'keyboard_arrow_right' before click (or value change) and 'keyboard_arrow_down' after click (value change).

How can I achieve this?

The reason I want to do this is because I want to take advantage of binding the visibility of other UI elements so that they hide / unhide on value change. (This is easy and there is an example in Material Gallery official Google template).

I want to change the icon because of UX reasons.

Alternatively I'd use a button (icon). I don't know how to make it work that way.