<!-- Include the Material Symbols font from Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
<style>
    /* Set the --rz-icon-font-family CSS variable to use Material Symbols Outlined font */

    .material-symbols-outlined {
        --rz-icon-font-family: 'Material Symbols Outlined';
    }

    /* To do that globally, you can add the following CSS to your site.css file:

    :root {
        --rz-icon-font-family: 'Material Symbols Outlined';
    }
    */

</style>

<RadzenStack Orientation="Orientation.Horizontal" Wrap="FlexWrap.Wrap" JustifyContent="JustifyContent.Center" AlignItems="AlignItems.Center" class="material-symbols-outlined rz-m-12" Style="--rz-icon-size: 2rem;">
    <RadzenIcon Icon="home" style="font-weight: 100;"/>
    <RadzenIcon Icon="home" style="font-weight: 200;"/>
    <RadzenIcon Icon="home" style="font-weight: 300;"/>
    <RadzenIcon Icon="home" style="font-weight: 400;"/>
    <RadzenIcon Icon="home" style="font-weight: 500;"/>
    <RadzenIcon Icon="home" style="font-weight: 600;"/>
    <RadzenIcon Icon="home" style="font-weight: 700;"/>
</RadzenStack>