Introduction
SVG Importer Manual
Thank you for purchasing SVG Importer! You are a great supporter.
I developed this plugin because of the lack of easy to use robust
vector graphics solution.
SVG Importer has undergone many changes. From early hard to use utility, to full finished product.
There are still some struggles to make SVG Importer blend with Unity as possible,
but I personally think that it is fairly easy and fast to use.
Enjoy vector graphics in all its glory. If you have developed any game with SVG Importer don’t
hesitate to send me your screenshots and we will create a nice gallery of vector powered games.
Again, I humbly thank you, for any help directly contact me.
SVG Document
Document Compatibility
• Adobe Illustrator
• Adobe Flash
• Corel Draw
• Affinity Designer
• Inkscape
• Simple & complex shapes
• Strokes and fills with transparency
• Linear Gradients
• Radial Gradients
• Conical Gradients
• Holes
• Clip Paths "absolute"
• Symbols
• Masks “SVG mask will no be supported due to hardware limitations”
• Text “most graphics editors can convert text to curves”
• Filter Effects - blur, drop shadow, glow, bevel
• SVG Animation
• Embeded Images
Document Setup
Document Export
Document Organization
Keep your source files and SVG files outside Unity project.
It will help your workflow greatly.
Copy and paste your SVG files in Unity Asset folder to import them.
Importing SVG Files is destructive operation.
The reason for that is, that Unity does not currently support custom file extensions.
So the most intuitive way to import files is to drag them into Unity Asset folder and
SVG Importer will automatically create an SVG Asset from them.
However, it is possible to recover the SVG file from the SVG asset by clicking “Recover SVG File"
To update your SVG Files with a new one simply overwrite the file or drag and drop in the same
directory with the same filename. This will update the original SVG File which will automatically
propagate in all your scenes without any hassle.
Graphics
SVG Asset
SVG Asset is your SVG File
When you drag and drop your SVG File into Unity Asset folder it will automatically create an SVG Asset. This is fully imported SVG File with all gradients, shapes etc.
|
SVG Editor
SVG Renderer
Game Object/2D Object/SVG Renderer
|
SVG Image
Game Object/UI/SVG Image
|
The SVG Image control displays a non-interactive image to the user. This can be used for decoration, icons, etc, and the image can also be changed from a script to reflect changes in other controls. The control is similar to the Image control but offers resolution independent vector graphics instead of sprites. However, the SVG Image control requires its source to be an SVG Asset, while the Image can accept only sprites.
|
![]() |
Physics
SVG Collider 2D
Component/Physics 2D/SVG Collider 2D
|
The SVG Collider 2D creates Polygon Collider 2D and sets the appropriate collision shape to it.
|
![]() |
Animation
SVG Frame Animator
Miscellaneous/SVG Frame Animator
|
The SVG Frame Animator component is there for animating the source SVG Asset of SVG Renderer and SVG Image. You can simply drag and drop multiple SVG Assets in the SVG Frame Animator window for adding individual keyframes and then simply reorganize them with drag and drop list.
When you have at least two frames for animation an animation slider will appear. |
![]() |
Settings
SVG Settings
Window/SVG Importer/Settings
|
SVG Importer has its default settings
You can simply override them as you wish.
|