SvgImageSourceExtension Class

Allows you to use SVG images as ImageSource values.

Namespace: DevExpress.Xpf.Core

Assembly: DevExpress.Xpf.Core.v18.2.dll

Declaration

C#

public class SvgImageSourceExtension :
    BaseSvgImageSourceExtension

VB.NET

Public Class SvgImageSourceExtension
    Inherits BaseSvgImageSourceExtension

Remarks

The code sample below shows how to use the SvgImageSourceExtension to specify an SVG image.

XAML

<Image Source="{dx:SvgImageSource Uri=Images/Notebook.svg}"/>

Refer to the Specifying SVG Images topic to learn more.

Related GitHub Examples

The following code snippets (auto-collected from DevExpress Examples) contain references to the SvgImageSourceExtension class.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

C#

how-to-use-the-svgimagesource-extension-to-specify-a-vector-image-as-barbuttonitems-glyph-t407507/CS/DXSample/MainWindow.xaml#L17

<dxb:BarButtonItem Content="Notebook"
           Glyph="{dx:SvgImageSource Uri=Images/Notebook.svg}"
           BarItemDisplayMode="ContentAndGlyph"

how-to-save-and-restore-chart-layout/CS/SaveLayoutSample/MainWindow.xaml#L68

ItemClick="OnSaveBarItemClick"
Glyph="{dx:SvgImageSource Uri=Images/SaveAs.svg}"
RibbonStyle="Large"/>

how-to-customize-the-integrated-ribbon-for-the-wpf-spreadsheet-t511399/CS/WpfSpreadsheet_RibbonCustomization/MainWindow.xaml#L48

<dxb:BarButtonItem Content="About"
   LargeGlyph="{dx:SvgImageSource Uri='pack://application:,,,/WpfSpreadsheet_RibbonCustomization;component/Images/About.svg'}"
   ItemClick="About_ItemClick"/>

Reporting_wpf-end-user-report-designer-how-to-customize-the-ribbon-toolbar-t281615/VB/MainWindow.xaml#L21

<dxb:InsertAction.Element>
    <dxb:BarButtonItem LargeGlyph="{dx:SvgImageSource Uri='/CustomizeReportDesignerToolbar;component/Images/Close.svg'}"
                       Content="Close Document" ItemClick="CloseDocumentButton_ItemClick"/>

Reporting_how-to-use-backstage-print-preview-control/CS/DocumentPrintPreview/MainWindow.xaml#L34

    <dxb:BarButtonItem Content="Getting Started" RibbonStyle="Large" ItemClick="GettingStartedButton_ItemClick"
                       LargeGlyph="{dx:SvgImageSource Uri='/DocumentPrintPreview;component/Images/GettingStarted.svg'}"/>
</dxr:RibbonPageGroup>

Inheritance

Object

MarkupExtension

BaseSvgImageSourceExtension

SvgImageSourceExtension