Overview
An SVG is a scalable vector graphic. SVGs are particularly helpful when importing shapes or illustrations from Figma into Play.
Element Properties
SVG
Select the SVG asset. Upload an SVG from the Assets Panel or drag and drop it into the canvas.
Want a shortcut? You can open the SVG Asset Panel by double-clicking/tapping on an SVG element on your page or canvas
Content Mode
Set how the SVG is positioned within the element:
Aspect Fill: The SVG will scale up to fill the element’s bounds, preserving the aspect ratio but potentially cropping the SVG.
Aspect Fit: The SVG will scale down to fill the element’s bounds, preserving the aspect ratio but potentially leaving some of the element's area unfilled.
Fill: The SVG will stretch to fill the element’s bounds on both axes, changing the aspect ratio if necessary.
Tint
Set the SVG color. This property is optional; if no tint value is added, the SVG will stay the color it was imported as.
Expression Editor Properties
No SVG specific Expression Editor properties. See all object properties.