Expand description

§🧬 Dioxus Material Icons

This project provides a simple but configurable component to render Google’s Material Icons in Dioxus.

§🚀 How to get started

cargo add dioxus-material-icons

This project introduces two components:

  1. MaterialIconStylesheet
  2. MaterialIcon

To be able to use the MaterialIcon component anywhere in your code, you first have to include a MaterialIconStylesheet component. When you want to use the default settings, just add it to your app’s root component like this:

MaterialIconStylesheet { }

Have a look at the MaterialIconStylesheet docs for more options like self-hosting the icon font file.

After that you can use the MaterialIcon component like you would expect it:

MaterialIcon { name: "settings" }

You can additionally specify the color and size.

MaterialIcon {
    name: "settings",
    size: 24,
    color: MaterialIconColor::Light,
}

§💡 Examples

§Alternatives

§📜 License

This software is licensed under the terms of the MIT License.

Note: All Material Icons are licensed under the Apache License 2.0.

© 2023 Lennart Kloock

Structs§

Enums§

Functions§