ExpandChevron.xaml

<?xml version="1.0" encoding="utf-8"?>

<UserControl
    x:Class="Coder.Desktop.App.Controls.ExpandChevron"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    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"
    xmlns:animatedVisuals="using:Microsoft.UI.Xaml.Controls.AnimatedVisuals"
    mc:Ignorable="d">

    <Grid>
        <AnimatedIcon
            Grid.Column="0"
            x:Name="ChevronIcon"
            Width="16"
            Height="16"
            Margin="0,0,8,0"
            RenderTransformOrigin="0.5, 0.5"
            Foreground="{x:Bind Foreground, Mode=OneWay}"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            AnimatedIcon.State="NormalOff">

            <animatedVisuals:AnimatedChevronRightDownSmallVisualSource />
            <AnimatedIcon.FallbackIconSource>
                <FontIconSource Glyph="&#xE76C;" />
            </AnimatedIcon.FallbackIconSource>
        </AnimatedIcon>
    </Grid>
</UserControl>