How to Convert SVG to XAML with Dynamic Color Binding Using SharpVectors API

[ErzaScarlett6797]

I am trying to convert SVG files to XAML format and need to ensure the color values are not hardcoded but can adapt to the theme of the parent control. Specifically, I want to update the color value to use a binding like "Binding Foreground, RelativeSource={RelativeSource FindAncestor, AncestorType=Control}" to dynamically change according to the theme. Is there a way to achieve this color binding during the conversion process using the SharpVectors API? Any insights or examples on how to implement this would be greatly appreciated.

[paulushub]

See if this meets your needs SvgIcon Control
It supports binding as shown in the sample:

<svgc:SvgIcon Fill="{Binding Path=FillBrush, FallbackValue=Magenta}">

[ErzaScarlett6797]

Thank you for quick response!
This is output.xaml generated using [Resource Dictionary Converters]

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Color x:Key="Color1">#FF1A1A1A</Color>
  <SolidColorBrush x:Key="Brush1" Color="{DynamicResource Color1}" />
  <DrawingGroup x:Key="3D-Camera_2" ClipGeometry="F0M0,0L32,0L32,32L0,32z">
    <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F1M29,8L14,8 14,2 12,2 12,8 3,8A1,1,0,0,0,3,10L4,10 4,18 12,18 12,10 14,10 14,15A3,3,0,0,0,17,18L28,18 28,10 29,10A1,1,0,0,0,29,8z M18,16L16,16 16,14 18,14z M18,12L16,12 16,10 18,10z M22,16L20,16 20,14 22,14z M22,12L20,12 20,10 22,10z M26,16L24,16 24,14 26,14z M26,12L24,12 24,10 26,10z" />
  </DrawingGroup>
  <DrawingGroup x:Key="Alpha-Blending" ClipGeometry="F0M0,0L32,0L32,32L0,32z">
    <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F1M24.7314,3.0537L29.4033,3.0537A117.1331,117.1331,0,0,0,26.1279,16.5361Q27.9048,26.3374,29.4033,30.0186L24.8584,30.0186A29.5069,29.5069,0,0,1,23.2084,25.0928Q21.1005,30.6284,14.3984,30.6279A10.0185,10.0185,0,0,1,6.2226,26.8193Q3.1235,23.0108 3.124,16.4853 3.124,9.7823 6.234,6.1133A10.2638,10.2638,0,0,1,14.4732,2.4443A9.474,9.474,0,0,1,19.6532,3.7266A13.0416,13.0416,0,0,1,23.3857,7.624Q23.563,6.7348,24.7314,3.0537z M15.2354,6.2275A6.0515,6.0515,0,0,0,10.0554,8.8682Q8.151,11.5093,8.1511,16.4853A13.8507,13.8507,0,0,0,9.9538,24.1025A5.6831,5.6831,0,0,0,14.9814,26.87A6.403,6.403,0,0,0,20.2373,24.14Q22.3445,21.4111 22.3447,16.2816 22.3447,11.3055 20.377,8.766A6.2024,6.2024,0,0,0,15.2354,6.2275z" />
  </DrawingGroup>
  <DrawingGroup x:Key="Calendar-Weekly" ClipGeometry="F0M0,0L32,0L32,32L0,32z">
    <DrawingGroup>
      <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F0M8,2L10,2 10,6 8,6z" />
      <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F1M26,5L26,5 26,8 20,8 20,5 12,5 12,8 6,8 6,5 4,5 4,10 28,10 28,5 26,5z" />
      <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F0M22,2L24,2 24,6 22,6z" />
      <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F1M4,30L28,30 28,12 4,12z M6,14L26,14 26,28 6,28z" />
      <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F0M13,16L15,16 15,18 13,18z" />
      <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F0M13,20L15,20 15,22 13,22z" />
      <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F0M13,24L15,24 15,26 13,26z" />
    </DrawingGroup>
  </DrawingGroup>
  <DrawingGroup x:Key="ac" ClipGeometry="F0M0,0L32,0L32,32L0,32z">
    <DrawingGroup>
      <DrawingGroup Transform="1,0,0,1,15,30">
        <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F1M0.7837,-7.6593L2.3302,-7.6593 2.3302,-4.6447 5.3604,-4.6447 5.3604,-7.6593 6.9069,-7.6593 6.9069,0 5.3604,0 5.3604,-3.349 2.3302,-3.349 2.3302,0 0.7837,0 0.7837,-7.6593z M10.0451,-6.3636L10.0451,-1.2905 11.1998,-1.2905C11.6317,-1.2905 11.9434,-1.3149 12.135,-1.3636 12.3858,-1.4263 12.5939,-1.5326 12.7593,-1.6823 12.9248,-1.8321 13.0597,-2.0785 13.1642,-2.4216 13.2687,-2.7647 13.321,-3.2323 13.321,-3.8244 13.321,-4.4165 13.2687,-4.8711 13.1642,-5.188 13.0597,-5.505 12.9134,-5.7523 12.7254,-5.9299 12.5373,-6.1076 12.2987,-6.2277 12.0096,-6.2904 11.7936,-6.3392 11.3704,-6.3636 10.74,-6.3636L10.0451,-6.3636z M8.4986,-7.6593L11.3252,-7.6593C11.9626,-7.6593 12.4484,-7.6105 12.7828,-7.513 13.2321,-7.3806 13.617,-7.1455 13.9375,-6.8077 14.2579,-6.4698 14.5017,-6.0562 14.6689,-5.5668 14.8361,-5.0774 14.9197,-4.474 14.9197,-3.7565 14.9197,-3.1261 14.8413,-2.5827 14.6846,-2.1264 14.493,-1.5691 14.2196,-1.1181 13.8643,-0.7732 13.5961,-0.512 13.2339,-0.3083 12.7776,-0.162 12.4363,-0.054 11.98,0 11.4087,0L8.4986,0 8.4986,-7.6593z" />
      </DrawingGroup>
    </DrawingGroup>
    <DrawingGroup ClipGeometry="F1M0,0L0,0 0,32 14,32 14,20 32,20 32,0 0,0z" />
    <DrawingGroup>
      <DrawingGroup Opacity="0.6">
        <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F1M12.5,17L12.5,22 14.5,22 14.5,17C14.5,16.9 14.5,16.8 14.5,16.6 13.8,16.8 13.1,16.9 12.4,16.9 12.4,16.9 12.4,16.9 12.4,16.9z" />
      </DrawingGroup>
      <DrawingGroup Opacity="0.6">
        <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F1M5.6,14C5.6,14.3 5.5,14.7 5.5,15 5.5,17 6.6,18.6 8,18.9 8.2,18.9 8.3,18.9 8.5,18.9 9.6,18.9 10.5,18 10.5,16.9 10.5,15.8 10.5,16.8 10.5,16.7 8.6,16.3 6.9,15.3 5.6,13.8z" />
      </DrawingGroup>
    </DrawingGroup>
    <DrawingGroup Opacity="0.6">
      <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F1M22.5,15C22.5,13 21.6,11.2 20.4,10.4 19.8,12.8 18.3,14.8 16.1,16L17,16C16.7,16.4 16.5,16.9 16.5,17.5 16.5,18.9 17.6,20 19,20L19,19.2C19.1,19.2 19.3,19.2 19.4,19.2 19.4,19.2 19.4,19.2 19.5,19.2 19.6,19.2 19.7,19.2 19.8,19.1 20.7,18.6 21.4,17.5 21.6,16.1L22.4,16.1" />
    </DrawingGroup>
    <DrawingGroup Opacity="0.9">
      <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F1M8,11.1L8,11.9C7.4,12.1,6.8,12.7,6.5,13.5L5.7,13.5C5.7,13.6 5.7,13.8 5.6,14 6.8,15.5 8.5,16.5 10.5,16.9 10.5,16.6 10.4,16.3 10.2,16.1L11.5,16.1C12,16.1 12.5,16.5 12.5,17.1 13.2,17.1 13.9,17 14.6,16.8 14.7,16.4 15.1,16.2 15.5,16.2L16.1,16.2C18.2,15.1 19.8,13.1 20.4,10.6 20.4,10.6 20.3,10.6 20.2,10.5 20.1,10.5 19.9,10.4 19.8,10.3 19.8,10.3 19.7,10.3 19.6,10.3 19.4,10.3 19.2,10.3 19,10.3 17.6,10.3 16.5,11.4 16.5,12.8 16.5,14.2 16.7,13.9 17,14.3L15.5,14.3C14.9,14.3,14.5,13.9,14.5,13.3L14.5,10.3 12.5,10.3 12.5,13.3C12.5,13.9,12.1,14.3,11.5,14.3L10.2,14.3C10.4,14 10.5,13.7 10.5,13.3 10.5,12.2 9.6,11.3 8.5,11.3 7.4,11.3 8.2,11.3 8,11.3" />
    </DrawingGroup>
    <DrawingGroup Opacity="0.4">
      <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F1M21.4,18.6C21.4,18.6 21.5,18.4 21.6,18.3 21.6,18.3 21.6,18.2 21.7,18.1 21.7,18 21.8,17.9 21.9,17.7 21.9,17.7 21.9,17.7 21.9,17.7 22.1,17.2 22.3,16.6 22.4,16L21.6,16C21.4,17.4 20.7,18.5 19.8,19 19.8,19 19.6,19 19.5,19.1 19.5,19.1 19.5,19.1 19.4,19.1 19.2,19.1 19.1,19.1 19,19.1L19,19.9C19.2,19.9 19.4,19.9 19.6,19.9 19.6,19.9 19.7,19.9 19.8,19.9 19.9,19.9 20.1,19.8 20.2,19.7 20.4,19.7 20.5,19.5 20.6,19.4 20.6,19.4 20.7,19.4 20.8,19.3 20.8,19.3 21,19.2 21,19.1 21,19.1 21.1,19 21.2,18.9 21.2,18.9 21.3,18.8 21.4,18.7L21.4,18.7z" />
    </DrawingGroup>
    <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F1M8,11.9L8,11.1C8,11.1 7.8,11.1 7.7,11.1 7.7,11.1 7.7,11.1 7.6,11.1 7.6,11.1 7.5,11.1 7.4,11.2 7.4,11.2 7.3,11.2 7.2,11.2 7.2,11.2 7.1,11.2 7,11.3 7,11.3 6.9,11.3 6.8,11.4 6.8,11.4 6.7,11.5 6.6,11.6 6.6,11.6 6.6,11.6 6.5,11.7 6.5,11.7 6.4,11.8 6.3,11.9 6.3,11.9 6.3,12 6.2,12.1 6.2,12.1 6.2,12.2 6.1,12.3 6.1,12.3 6.1,12.4 6,12.5 6,12.5 6,12.7 5.9,12.8 5.9,12.8 5.9,12.9 5.9,13 5.9,13 5.9,13.2 5.8,13.3 5.8,13.3 5.8,13.3 5.8,13.3L6.6,13.3C6.9,12.5,7.4,11.9,8.1,11.7L8.1,11.7z" />
  </DrawingGroup>
  <DrawingGroup x:Key="3D-Camera_1" ClipGeometry="F0M0,0L32,0L32,32L0,32z">
    <DrawingGroup Opacity="0.5">
      <GeometryDrawing Brush="{DynamicResource Brush1}" Geometry="F1M2,30L2,30 14,30 11,20 5,20 2,30z" />
    </DrawingGroup>
  </DrawingGroup>
</ResourceDictionary>

And this is how I'm converting

public string ResourceSvgConverter()
{
    string svgDir = @"C:\Users\erza\source\repos\Svg2Xaml\Svg2Xaml\svgimages";
    WpfResourceSettings _resourceSettings = new WpfResourceSettings();
    _resourceSettings.ResourceFreeze = false;
    // Add a directory as SVG source
    _resourceSettings.AddSource(svgDir);

    // Create the resource converter
    var converter = new ResourceSvgConverter(_resourceSettings);

    // Perform the conversion to ResourceDictionary XAML
    string xamlOutput = converter.Convert();

    string xamlFilesPath = @"C:\Users\erza\source\repos\Svg2Xaml\Svg2Xaml\fonticons\output.xaml";
    // Write the XAML output to the file
    File.WriteAllText(xamlFilesPath, xamlOutput);

    return xamlOutput;
}

In this case how can I add dynamic color binding to #FF1A1A1A
Any insights or examples on how to implement this would be greatly appreciated.
Thank you!

[paulushub]

In this case how can I add dynamic color binding to #FF1A1A1A

To change the color, update the resource as below:

this.Resources["Color1"] = Colors.Red;

I do not know if there is a direct way to bind to it, other than responding to some events.