1

based on this answer i have two questions:

  1. Whats the name of the marked icon?

enter image description here

  1. How can I make it to raotate to the other direction, i.e to spin like:

enter image description here

Itried to add FlowDirection="RightToLeft" like: 

<fa:ImageAwesome FlowDirection="RightToLeft" SpinDuration="6" Icon="Cog" Width="200" Height="200" Foreground="White" Spin="True" />

but it still rotate to same direction

BugsFixer
  • 377
  • 2
  • 15

1 Answers1

4

this should do the trick for you:

            <Viewbox Height="20">                
            <Path Fill="black" Data="M28,2.202v4.059C37.053,7.706,44,15.547,44,25c0,10.477-8.523,19-19,19S6,35.477,6,25c0-9.442,6.93-17.275,15.966-18.734 V2.206C10.713,3.696,2,13.347,2,25c0,12.682,10.317,23,23,23s23-10.318,23-23C48,13.335,39.269,3.677,28,2.202z" RenderTransformOrigin="0.5,0.5" >
                <Path.RenderTransform>
                    <RotateTransform/>
                </Path.RenderTransform>
                <Path.Style>
                    <Style>
                        <Style.Triggers>
                            <Trigger Property="Image.IsEnabled" Value="True">
                                <Trigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation
                                    Storyboard.TargetProperty="RenderTransform.Angle"
                                    From="0"
                                    To="360"
                                    Duration="0:0:1"
                                    RepeatBehavior="Forever" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </Path.Style>
            </Path>
        </Viewbox>
Denis Schaf
  • 2,478
  • 1
  • 8
  • 17
  • How do you know that that's the `Data`, it there any tool for that?, I mean how did you come up with: `Data="M28,2.202v4.059C37.053......"` – BugsFixer Feb 21 '19 at 11:31
  • Suppuse I want it thicker, or bigger – BugsFixer Feb 21 '19 at 11:33
  • 1
    i guess in this case you need to try to understand what is achtually happening and modify it to your needs. You can modify its size by changing the height of the viewbox – Denis Schaf Feb 21 '19 at 11:52
  • 1
    You can checkout incscape it can convert bitmap images to Vector images and XAML files to create an icon. If that is to much digging for your right now you can replace the path with an image and put your icon there as image – Denis Schaf Feb 22 '19 at 07:34