Simple Icon Buttons
With the librarys preloaded icons. Check out our icon page to find out what you can use.
<MudIconButton Icon="@Icons.Material.Filled.Delete"></MudIconButton> <MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Primary"></MudIconButton> <MudIconButton Icon="@Icons.Material.Filled.Favorite" Color="Color.Secondary"></MudIconButton> <MudIconButton Icon="@Icons.Material.Filled.Share" Disabled="true"></MudIconButton>
Using font icons
In this example we are passing down Font Awesome icon classes instead.
<link href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" rel="stylesheet"> <MudIconButton Icon="fas fa-atom" Color="Color.Error"></MudIconButton> <MudIconButton Icon="fas fa-fighter-jet" Color="Color.Dark"></MudIconButton> <MudIconButton Icon="fas fa-globe-europe" Color="Color.Tertiary"></MudIconButton> <MudIconButton Icon="fas fa-bug" Disabled="true"></MudIconButton>