↔️SVG
Paste SVG code into Webstudio as native SVG components.
Last updated
Was this helpful?
Paste SVG code into Webstudio as native SVG components.
You can paste SVG code directly onto the canvas. Webstudio converts compatible SVG markup into native SVG components, so use this when you want the vector markup to be editable in the Navigator.
Copy SVG markup, starting with an <svg> element.
Paste it onto the canvas in Webstudio.
Select the generated SVG components to adjust styles and settings.
Paste SVG code when you want access to each SVG node in the Navigator, such as paths, groups, shapes, and text.
If you only need to display the SVG as an image, drag the SVG file into the Assets panel and use it with the Image component.
HTML Embed – Embed custom HTML when you do not need native editable SVG components
Image – Display uploaded SVG files as image assets
Assets – See supported asset file types
Last updated
Was this helpful?
Was this helpful?