How to use animated material ui icons in React

Question

https://material.io/design/iconography/animated-icons.html I attached link above how can i integrated icon in my react application there is not have any code.

Answer 1

I think it is not supported out of the box by material-ui, but you can use css transitions to accomplish it.

Maybe this lib can solve it for you or at least inspire your implementation?

https://mui.wertarbyte.com/#material-ui-toggle-icon

Their implementation looks pretty nice, well documented and MIT: https://github.com/TeamWertarbyte/material-ui-toggle-icon