Shapes and Paths

Rive uses shape layers and path layers together to display vector graphics.

Shape Layers

Vectors in Rive are rendered on shape layers. Shape layers allow you to set a Fill and Stroke colors for your paths.

Path Layers

The actual shape of a vector is defined by a path (or multiple paths). Expanding a shape layer in Rive will reveal the paths it's using.
In the example below, two paths are used to create a cross icon. The shape layer, named "Cross Shape" defines the fill color.
To add another path to a shape layer, select an existing path under the desired shape first, then create a new path using either a procedural shape or the pen tool. You can also drag/drop or copy/paste paths from one shape to another.