background

UI for WPF

WPF SvgImage

  • The WPF SVGImage control allows displaying SVG images inside your WPF application.
  • Part of the Telerik UI for WPF library along with 160+ professionally-designed UI controls.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Extensions and more!
Telerik UI for WPF SVG Image Control Page Header
  • Display SVG Images Inside Your WPF Application

    The SVGImage control provides a new intuitive way to display SVG (Scalable Vector Graphics) images inside your application. It offers support for applying animations to the displayed image, and clipping and paint servers that can be applied to the SVG image.

    See the WPF SvgImage component documentation: Overview

    Telerik UI for WPF SVG Image Control Overview
  • Clipping Support

    WPF SvgImage control has built-in support for clipping. You can clip an SVG image into a circle or any other shape that suits your user scenario.

    Telerik UI for WPF SVG Image Control showing Clipping support
  • Animations Support

    The Telerik UI for WPF SvgImage control has built-in support for animations. You can utilize multiple elements inside the SVG’s XML such as animate, animate motion and animate transform.

    See the WPF SvgImage component documentation: Animations

    WPF SVGImage Animation
  • Custom Paint Servers

    The SvgImage control allows you to specify paint servers that will be applied to the displayed SVG image. This allows you to set custom brushes and change various brush properties such as color, fill, stroke, width, etc.

    See the WPF SVG Control documentation: Paint Servers

  • SVGImageSource Markup Extension

    You can also use the WPF SvgImage control as a markup extension, instead of defining it as a standalone component.

    Telerik UI for WPF SVG Image Control showing markup extension

All WPF Components

Next Steps