SVG Graphics

SVG files (Scalable Vector Graphics) are resolution-independent graphics that stay sharp at any size. You can bring your own SVGs into a video project, as an upload or a link, and place them on the timeline or over your footage. They can be static, like a logo or badge, or animated with CSS or SMIL, like a lower-third that slides in.

Graphics designed for you, such as title cards, lower-thirds, intros and animated charts, are no longer produced as SVG files. Describe them in the chat and StarZero Agents designs and animates them as video clips, placed on the timeline or as overlays (see Motion Graphics). Videos made earlier with generated SVGs keep working as they are.

Bringing in an SVG

Upload the file with Add file in the chat, or give its URL:

"Use the logo SVG I uploaded as an overlay in the bottom right corner."

Keep SVGs self-contained: fonts and images the file links to from elsewhere are not rendered, so embed them in the file itself.

Using SVGs on the Timeline

There are two ways to use SVG graphics in your video project: as timeline clips on the main video track, or as overlays that layer on top of your video.

SVG Timeline Clips

You can place an SVG graphic directly on the main video track, just like a regular video clip. This is ideal for fullscreen animated graphics that replace the video for a segment — title cards, animated intros, chapter dividers, or standalone graphic sequences.

"Add that title card SVG to the timeline for 5 seconds."

"Insert the animated intro graphic at the beginning of the project, lasting 3 seconds."

"Add this SVG from a URL to the timeline: https://example.com/graphic.svg"

SVG clips appear as distinct blocks on the video track with an "SVG" label, making them easy to identify at a glance. You can drag them to reposition, trim their start and end points, and add keyframe animations just like regular clips.

SVG clips are included when you render your video, and they're also supported in Premiere Pro project exports.

Limitations: SVG clips are graphics, not video, so some video-specific features don't apply — there's no audio, no transcript or captions, no smart boundary detection, and no visual reframing. Playback speed control for SVG clips is not yet supported.

SVG Overlays

You can also add SVG graphics as overlays that layer on top of your main video. This is better for elements like lower-thirds, logos, badges, and watermarks that should appear over your footage rather than replacing it. See Overlays for details on positioning, scaling, and animating overlays on your timeline.

"Add that SVG as an overlay in the bottom right corner from 0:00 to 0:05."

"Use the title card as a fullscreen overlay for the first 3 seconds."

Premiere Pro Export

SVG overlays are fully supported in the Premiere Pro project export. When you export, each SVG overlay is converted to ProRes 4444 video (which preserves transparency) and placed on an overlay track in the timeline. Positioning and opacity carry over, so your overlays appear exactly where you placed them in Premiere Pro.

Tips

• SVGs with transparent backgrounds layer cleanly over your video without a visible box around them.
• Complex animations may preview slowly in the chat but render smoothly in the final video.
• For a lower-third, badge or title card made to order, ask for it in words and let StarZero Agents design it as an animated clip (see Motion Graphics).