Inline SVG in XAML
SvgML
Compose vector artwork as XAML elements instead of opaque asset files.
Explore source ↗Capability
SvgML packages let applications author SVG elements directly in Avalonia, Uno Platform, and .NET MAUI XAML while rendering through Svg.Skia.
- 01
Inline SVG element trees
- 02
Avalonia, Uno, and MAUI packages
- 03
Bindable XAML properties
- 04
Svg.Skia rendering backend
How it composes
From intent
to working system.
Markup
SVG elements and attributes are expressed through XAML objects.
Bind
Normal framework properties update vector content.
Model
The object tree maps into a shared SVG representation.
Render
Svg.Skia produces the final drawing.
Quick start
Adopt this
capability.
Start with the primary module, then add the related packages only when the application needs those layers. Replace VERSION with the current NuGet version.
dotnet add package SvgML.Avalonia --prerelease<PackageReference Include="SvgML.Avalonia" Version="VERSION" /><PackageVersion Include="SvgML.Avalonia" Version="VERSION" /><svgml:Svg Width="120" Height="120" ViewBox="0 0 100 100"> <svgml:Circle Cx="50" Cy="50" R="42" Fill="#8ea2ff" /> <svgml:Path Data="M30,52 L45,67 L72,35" Stroke="White" /></svgml:Svg>Modules in this capability
Use one layer.
Compose the rest.
Source of truth
Read the module beside the complete system.
The implementation, samples, issues, and release notes stay in the parent repository so module details remain connected to the product architecture.