Saturday 15 September 2012

A XAML Loop Icon

I needed a XAML loop icon recently, so here’s what I came up with:

<Canvas>
  <Path Stroke="Black" StrokeThickness="2" Data="M 5,3 h 20 a 5, 5, 180, 1, 1, 0, 10 h -20 a 5, 5, 180, 1, 1, 0, -10 Z" />
  <Path Stroke="Black" Fill="Black" StrokeThickness="2"  StrokeLineJoin="Round" Data="M 11,0 l 8,3 l -8, 3  Z" />
</Canvas>

And this is what it looks like:

image

2 comments:

Anonymous said...

For things like this, I can reccomend the SyncFusion Metro Studio: http://www.syncfusion.com/

It has a big collection of icons that are available in XAML and PNG formats, and it's free.

(disclaimer: I don't have any relationship with SincFusion, I'm just a regular user :) )

Unknown said...

yes, that's a superb resource. It doesn't have everything, but it is a good start.