[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Collapse]Common Concepts
  [Expand]Themes
  [Collapse]Images
    DevExpress Image Picker
    Automatically Choosing Images Based on App Context
    SVG Images Overview
    Creating SVG Images
    Specifying SVG Images
    Predefined Colors
    SVG Image Palettes
  [Expand]Printing and Exporting
  [Expand]Saving and Restoring Layouts
   Fluent Design Support
   Typed Styles
  [Expand]Touch Support
  [Expand]Expressions
   Filtering
  [Expand]Formatting Values
   Prism Adapters
  [Expand]Data Sources
  [Expand]Performance Improvement
   XAML Namespaces
 [Expand]MVVM Framework
 [Expand]Controls and Libraries
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[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 Images Overview

Scalable Vector Graphics (SVG) is an XML-based vector image format.

Unlike raster images, you can use a single SVG image for different:

  • DPI settings: scaling a vector image preserves shapes.
  • Application themes: predefined colors are modified according to the current theme; you can use palettes to change colors manually.

Refer to the following topics to learn how to use SVG images:

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