<Style x:Key="ButtonStyleNew" TargetType="{x:Type Button}">
    <Style.Resources>
        <Canvas x:Key="Button_New_Normal" Width="24" Height="24" >
                <Path Data="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z" Fill="Black" />
        </Canvas>
        <Canvas x:Key="Button_New_MouseOver" Width="24" Height="24" >
                <Path Data="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z" Fill="Gray" />
        </Canvas>
    </Style.Resources>

    <Setter Property="Content">
        <Setter.Value>
            <ContentControl Content="{Binding Source={StaticResource Button_New_Normal}}" />
        </Setter.Value>
    </Setter>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate x:Name="template" TargetType="{x:Type Button}">
                <Border Background="Green">
                    <ContentPresenter/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter Property="Content">
                            <Setter.Value>
                                <ContentControl Content="{Binding Source={StaticResource Button_New_MouseOver}}" />
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<StackPanel Margin="0,0,0,0" Orientation="Horizontal" VerticalAlignment="Center" >
    <Button Style="{StaticResource ButtonStyleNew}" Width="40" Margin="0,0,20,0"/>
    <Button Style="{StaticResource ButtonStyleNew}" Width="40"/>
</StackPanel>

<Style x:Key="ButtonStyleNew" TargetType="{x:Type Button}">
        <Style.Resources>
            <DataTemplate x:Key="Button_New_Normal">
                <Canvas Width="24" Height="24" >
                    <Path Data="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z" Fill="Black" />
                </Canvas>
            </DataTemplate>
            <DataTemplate x:Key="Button_New_MouseOver">
                <Canvas Width="24" Height="24" >
                    <Path Data="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z" Fill="Gray" />
                </Canvas>
            </DataTemplate>
        </Style.Resources>

        <Setter Property="ContentTemplate" Value="{StaticResource Button_New_Normal}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate x:Name="template" TargetType="{x:Type Button}">
                    <Border Background="Green">
                        <ContentPresenter/>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter Property="ContentTemplate" Value="{StaticResource Button_New_MouseOver}" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

<Canvas x:Key="Button_New_Normal" x:Shared="False" Width="24" Height="24" >

<Canvas x:Key="Button_New_Normal" x:Shared="False"  Width="24" Height="24" >
    <Path Data="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z" Fill="Black" />
</Canvas>
<Canvas x:Key="Button_New_MouseOver"   x:Shared="False" Width="24" Height="24" >
    <Path Data="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z" Fill="Gray" />
</Canvas>

<Style x:Key="ButtonStyleNew" TargetType="{x:Type Button}">
    <Setter Property="Content" Value="{StaticResource Button_New_Normal}" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate x:Name="template" TargetType="{x:Type Button}">
                <Border Background="Green">
                    <ContentPresenter/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter Property="Content">
                            <Setter.Value>
                                <StaticResource ResourceKey="Button_New_MouseOver" />
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>