Skip to main content

​
Overview

An SVG is a scalable vector graphic. SVGs are particularly helpful when importing shapes or illustrations from Figma into Play.

​
Properties

In addition to the properties below, glass effect containers also have access to general object properties in the Expression Editor.

​
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. 
SVG.tint
Type: color
Can get or set the tint color or an individual color property.
⌘I