Semi.Avalonia/demo/Semi.Avalonia.Demo/Pages/PathIconDemo.axaml

<UserControl
    x:Class="Semi.Avalonia.Demo.Pages.PathIconDemo"
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    d:DesignHeight="450"
    d:DesignWidth="800"
    mc:Ignorable="d">
    <StackPanel HorizontalAlignment="Left">
        <StackPanel Orientation="Horizontal">
            <StackPanel.Styles>
                <Style Selector="PathIcon">
                    <Setter Property="Theme" Value="{DynamicResource InnerPathIcon}" />
                    <Setter Property="Data" Value="M10.5 2C5.80558 2 2 5.80558 2 10.5C2 15.1944 5.80558 19 10.5 19C12.3054 19 13.9794 18.4371 15.356 17.4773L19.4393 21.5606C20.0251 22.1464 20.9749 22.1464 21.5606 21.5606C22.1464 20.9749 22.1464 20.0251 21.5606 19.4393L17.4773 15.356C18.4371 13.9794 19 12.3054 19 10.5C19 5.80558 15.1944 2 10.5 2ZM5 10.5C5 7.46243 7.46243 5 10.5 5C13.5376 5 16 7.46243 16 10.5C16 13.5376 13.5376 16 10.5 16C7.46243 16 5 13.5376 5 10.5Z" />
                </Style>
            </StackPanel.Styles>
            <PathIcon Classes="ExtraSmall" />
            <PathIcon Classes="Small" />
            <PathIcon />
            <PathIcon Classes="Large" />
            <PathIcon Classes="ExtraLarge" />
        </StackPanel>

        <TextBlock Text="Size" />
        <Slider Name="width" Minimum="0" Maximum="100" Value="20" Width="300" />
        <ToggleSwitch Name="active" Content="Active" />
        <PathIcon
            Classes.Active="{Binding #active.IsChecked}"
            Width="{Binding #width.Value}"
            Height="{Binding #width.Value}"
            Foreground="{DynamicResource SemiBlue6}"
            BorderBrush="{DynamicResource SemiRed6}"
            Data="M12 3L2 12H5V20H19V12H22L12 3M13 18H11V16H13V18M13 14H11V8H13V14Z" />
    </StackPanel>
</UserControl>