SVG Images Overview

• Jun 07, 2019

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:

• Creating SVG Images

  Describes how to draw SVG images using the DevExpress SVG Icon Builder or third-party vector graphics editors.

• Specifying SVG Images

  Describes how to specify SVG images in markup and code-behind.

• Predefined Colors

  Describes how to use predefined colors.

• SVG Image Palettes

  Describes how to change an SVG image’s colors manually using palettes.