SVG in Avalonia XAML
Avalonia SVG Controls
Use SVG assets like first-class Avalonia content.
Explore source ↗Capability
Ready-to-use Avalonia controls load SVG sources, participate in layout and styling, and render through the Svg.Skia pipeline.
- 01
Asset and file URI sources
- 02
Normal Avalonia layout behavior
- 03
Themeable XAML usage
- 04
Shared renderer underneath
How it composes
From intent
to working system.
Source
Properties accept application assets, files, streams, or prepared SVG objects.
Load
The control owns source changes and document lifetime.
Layout
Stretch, alignment, and viewport rules map SVG bounds into Avalonia layout.
Draw
Svg.Skia records and paints the final picture.
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 Svg.Controls.Skia.Avalonia<PackageReference Include="Svg.Controls.Skia.Avalonia" Version="VERSION" /><PackageVersion Include="Svg.Controls.Skia.Avalonia" Version="VERSION" /><svg:Svg Source="avares://MyApp/Assets/logo.svg" Width="160" Stretch="Uniform" />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.