Import SVG

Copy and paste your SVGs into PandaSuite and fully exploit the benefits of vector files.

The SVG format (Scalable Vector Graphics) has become a staple in interface design for a good reason: it allows you to create scalable graphic elements without any loss of quality, no matter their size.

With PandaSuite, importing and using SVG files is easy and gives you the flexibility to customize or integrate them as they are.

How PandaSuite interprets SVGs

When you insert an SVG into PandaSuite, the software automatically analyzes it to determine whether it can be handled as a modifiable path or if it will be treated as a complete SVG without editing capabilities.

Simple SVG = modifiable path

If your SVG contains simple shapes or paths, PandaSuite will convert it into a path. This allows you to:

• Change the color and other graphic properties directly within the interface.
• Resize and adjust the SVG without losing quality.
• Animate the icon using the animation features available in PandaSuite.

Complex SVG = non-editable SVG 

If your SVG is more complex (with nested groups, filters, or advanced animations), it will be imported as a complete SVG. In this case, the icon will not be editable (you won’t be able to change the color or modify its shapes), but it will remain resizable and retain its high graphic quality.

How to import an SVG into PandaSuite

Copy and paste the SVG file directly

Simply copy your SVG file and paste it directly into your PandaSuite project. The editor will automatically recognize the format and integrate it into your interface. You can then resize, animate, or use it as needed.

Copy-paste the code

PandaSuite also allows you to import an SVG file by copying and pasting its code directly. Here's how to do it:

1. Find an SVG icon on a site like Flaticon or Icons8.
2. Copy the SVG code of the selected icon.
3. Open PandaSuite Studio.
4. Paste the SVG code into the window.