[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Collapse]Windows 10 App Controls
  Prerequisites
 [Expand]Getting Started
 [Collapse]Controls
  [Expand]Navigation and Layout
  [Expand]Data Editors
  [Expand]Data Grid
  [Expand]Charts
  [Expand]Map Control
  [Expand]Gauges
  [Expand]PDF Viewer
  [Expand]Scheduler
   SVG Icon
   Context Menu
 [Expand]Themes and Color Schemes
  Localization
  Get More Help
 [Expand]API Reference
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

SVG Icon

The SvgIcon control allows you to display SVG images in your applications.

Specify the image source using the SvgIcon.Source property. The SvgIcon.IconStretch property allows you to specify how the image is resized to fill its allocated space.

Expanded Supported SVG elements

  • Rectangle <rect>
  • Circle <circle>
  • Ellipse <ellipse>
  • Line <line>
  • Polyline <polyline>
  • Polygon <polygon>
  • Path <path>
  • The ‘transform’ attribute
  • The 'style' attribute
  • The 'opacity' attribute

Supported stroke and fill properties:

  • stroke
  • stroke-width
  • fill

The stroke and stroke-width properties can be applied to any kind of lines and outlines of elements.

Expanded Limitations

The following SVG elements are currently not supported.

  • Size in millimeters and other units except pixels
  • The 'text' element

Is this topic helpful?​​​​​​​