How to work with SVG in WPF?

Question

WPF

In the ViewModel I get svg as a string. How to bind it in View as an icon? Do I need a converter or can I somehow do without it?

Answer 1

Used SharpVectors .
In the ViewModel I save to the svg file.
In xaml markup I use the SvgViewbox component.
To bind the path to Source added AttachedProperty

public class SvgViewboxAttachedProperties : DependencyObject
    {
        public static string GetSource(DependencyObject obj)
        {
            return (string)obj.GetValue(SourceProperty);
        }

        public static void SetSource(DependencyObject obj, string value)
        {
            obj.SetValue(SourceProperty, value);
        }

        private static void OnSourceChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            var svgControl = obj as SvgViewbox;
            if (svgControl != null)
            {
                svgControl.Source = new System.Uri((string) e.NewValue);
            }
        }

        public static readonly DependencyProperty SourceProperty =
            DependencyProperty.RegisterAttached("Source",
                typeof(string), typeof(SvgViewboxAttachedProperties),
                new PropertyMetadata(null, OnSourceChanged));
    }

As a result, the markup looks like this

<svgc:SvgViewbox  common:SvgViewboxAttachedProperties.Source="{Binding IconPath}" />