SVG Rendering Toolkit

Svg.Skia

Svg.Skia loads SVG 1.1 and Android VectorDrawable content, builds a reusable picture model, and turns it into SKPicture output, Avalonia visuals, generated C# code, and conversion artifacts.

Choose a Package Browse API GitHub Repository

SVG 1.1 subset SKPicture output Avalonia integration Editor packages Build-time generation VectorDrawable import

Repository SVG samples Actual SVG assets used by the samples, source generator, and rendering pipeline.

Tiger SVG sample asset — Complex paths and layered fills

Digital camera SVG sample asset — Icon and UI-style artwork

Package Surface

Svg.Skia

The core renderer that loads markup, builds a picture model, and emits SKPicture output.

Avalonia Packages

Two Avalonia stacks: a Skia-backed renderer and a pure Avalonia picture pipeline.

Generated Code

Compile SVG assets into C# or source-generated pictures for static assets and AOT-friendly workflows.

Editor Packages

Reusable editor state, SVG mutation services, Avalonia panels, and a full interactive workspace extracted from AvalonDraw.

Tooling

Batch-convert SVG and VectorDrawable input into png, jpg, webp, pdf, xps, or raw generated code.

Documentation Sections

Getting Started

Install packages, pick the right stack, and render your first SVG in code or XAML.

Concepts

Understand the package layout, asset pipeline, picture model, and rebuild workflow.

Editor

Embed the extracted AvalonDraw editor packages as a full workspace or as lower-level reusable components.

Guides

Follow focused walkthroughs for rendering, exporting, hit testing, conversion, and code generation.

XAML Usage

Wire up Svg, SvgImage, SvgResource, and SKPictureImage in Avalonia.

Advanced

Review VectorDrawable support, trimming and NativeAOT notes, repository tests, and packaging expectations.

Reference

Package maps, sample inventory, generated API coverage, licensing, and the Lunet docs pipeline.

API Documentation

Browse generated API pages for the renderer, Avalonia packages, picture model, and source-generator assemblies.

Start Here

Use Getting Started Overview if you are choosing between the core renderer, the Avalonia packages, and the CLI.
Use Quickstart: Loading and Rendering when you want a minimal SKSvg example first.
Use XAML Overview when the target app is Avalonia.
Use Editor Overview when you want the reusable Svg.Editor.* package stack.
Use API Coverage Index when you want to know which assemblies are included in generated docs.