How to use animated material ui icons in React

Question

https://material.io/design/iconography/animated-icons.html我在上面附加了链接，如何在我的反应应用程序中集成图标没有任何代码。

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

Answer 2

Google Material does not provide an implementation of their icons with animations. They do; however, provide a specification/guideline for animation with Material Icons.

In addition; you can download the SVG Icons here as needed: https://material.io/tools/icons/ and import into your code.