SVG Renderer For UI Toolkit

Add Native, Crisp SVG Rendering to Your Unity UI

SVG Renderer for UI Toolkit brings proper vector rendering support directly into your Unity UI workflow. Unlike Unity’s Vector Graphics package, this tool avoids mesh conversion entirely — giving you clean, scalable SVGs rendered natively through UI Toolkit.

Whether you're building runtime UIs, editor extensions, or responsive layouts, this tool makes working with SVGs simple and powerful.

🧩 How it Works

Just import your SVG into the project and either:

• Drag the SVGElement from the UI Builder Library into your hierarchy, or
• Create an SVGElement in code and assign your asset to the VectorImage property.

Enjoy crisp, clean vector graphics — no jagged edges, no fuss.

✔️ Features

• Crisp, scalable SVG rendering with UI Toolkit
• Custom SVG importer (no mesh conversion)
• UI Builder integration – drag & drop SVGs easily
• Works in Editor and at Runtime
• Supports colors, strokes, groups, transforms & more
• Style SVGs with USS for icons and dynamic UIs
• C# API for adding SVGs at runtime
• Lightweight and dependency-free

✅ Supported SVG Commands

• path
• rect
• circle
• ellipse
• polygon
• g (group)

⚠️ Some advanced SVG features (like gradients) are currently unsupported due to UI Toolkit limitations, but support will expand over time.

📦 Requirements

• Unity 6.0 or newer
• UI Toolkit (built-in)

🚫 Not compatible with Unity’s "Vector Graphics" package — please uninstall it before use.

Actively Maintained

This is a solo developer tool built out of necessity — and it’s actively maintained. As UI Toolkit continues to grow, new features will be added wherever possible. Bug reports, suggestions, and feedback are always welcome.