title: How to use the XAML dictionary that Syncfusion Metro Studio produces
body: <p>For resolution independence we want scaling art. Ok, so a common source for that mentioned on stack is Syncfusion Metro Studio.</p>
  
  <p>Metro Studio 2 produces this for XAML:</p>
  
  <pre><code>&lt;ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"&gt;
    &lt;Viewbox x:Key="error"&gt;
      &lt;Grid Width="64" Height="64" Visibility="Visible"&gt;
        &lt;Grid Visibility="Visible"&gt;
          &lt;Rectangle Fill="#FFD21818" Visibility="Visible" /&gt;
          &lt;Ellipse Fill="#FFD21818" Visibility="Collapsed" /&gt;
          &lt;Path Data="M50.5,4.7500001C25.232973,4.75 4.75,25.232973 4.7500001,50.5 4.75,75.767029 25.232973,96.25 50.5,96.25 75.767029,96.25 96.25,75.767029 96.25,50.5 96.25,25.232973 75.767029,4.75 50.5,4.7500001z M50.5,0C78.390381,0 101,22.609621 101,50.5 101,78.390381 78.390381,101 50.5,101 22.609621,101 0,78.390381 0,50.5 0,22.609621 22.609621,0 50.5,0z" Stretch="Fill" Fill="#FFD21818" Visibility="Collapsed" /&gt;
        &lt;/Grid&gt;
        &lt;Path Data="F1M54.0573,47.8776L38.1771,31.9974 54.0547,16.1198C55.7604,14.4141 55.7604,11.6511 54.0573,9.94531 52.3516,8.23962 49.5859,8.23962 47.8802,9.94531L32.0026,25.8229 16.1224,9.94531C14.4167,8.23962 11.6511,8.23962 9.94794,9.94531 8.24219,11.6511 8.24219,14.4141 9.94794,16.1198L25.8255,32 9.94794,47.8776C8.24219,49.5834 8.24219,52.3477 9.94794,54.0534 11.6511,55.7572 14.4167,55.7585 16.1224,54.0534L32.0026,38.1745 47.8802,54.0534C49.5859,55.7585 52.3516,55.7572 54.0573,54.0534 55.7604,52.3477 55.763,49.5834 54.0573,47.8776z" Stretch="Uniform" Fill="#FFFFFFFF" Width="36" Height="36" Margin="0,0,0,0" RenderTransformOrigin="0.5,0.5"&gt;
          &lt;Path.RenderTransform&gt;
            &lt;TransformGroup&gt;
              &lt;TransformGroup.Children&gt;
                &lt;RotateTransform Angle="0" /&gt;
                &lt;ScaleTransform ScaleX="1" ScaleY="1" /&gt;
              &lt;/TransformGroup.Children&gt;
            &lt;/TransformGroup&gt;
          &lt;/Path.RenderTransform&gt;
        &lt;/Path&gt;
      &lt;/Grid&gt;
    &lt;/Viewbox&gt;
  &lt;/ResourceDictionary&gt;
  </code></pre>
  
  <p>So far so good, just merge this into the project resources. But how to consume this?</p>
  
  <p><a href="https://stackoverflow.com/questions/17566131/using-viewbox-in-resourcedictionary-file">using viewbox in ResourceDictionary file</a> has an answer that lets you change the ViewBox to DataTemplate in the ResourceDictionary and then use a converter to display it as a button's ContentTemplate. That is ok for Button based stuff, but what if I just need the icon itself. How do I go from ViewBox in a resource dictionary to somehow including it in lets say a grid in XAML?</p>