# Animating an SVG
Apply a motion preset to an SVG, preview it, and add it to a Canva design.

Turn static vector artwork into a lightweight animation by applying a motion preset.

## Prepare the SVG

Use clean vector paths and simple groups. Embedded raster `<image>` elements are not supported by the SVG import workflow.

## Apply motion

1. Open **Import**.
2. Upload the SVG file.
3. Choose a motion preset.
4. Preview the result.
5. Try another preset if the direction or timing does not fit the design.

<Image src="https://assets.docs.lottiefiles.com/static/3dbf0efa0d-640.webp" alt="Motion presets applied to an SVG in Canva" caption="Motion presets applied to an SVG in Canva" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/3dbf0efa0d-640.webp 640w, https://assets.docs.lottiefiles.com/static/3dbf0efa0d-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/3dbf0efa0d-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAhklEQVR4nEXMMQuCQABAYX9AYw0NRiY5nEkUUURrw+nplJYuXemt7rX0y4sXXmDr4+M5admgKoNsn8j2xbF+oEqD7Zf646SVITnfCaINI3fKJFgQFzey6od64Achg/EQdzYnyTVdt6CTcaER0RbfE3i+QOb6f+jBcodY7wlXB+TpaoEqm/cXLcxKRhASjysAAAAASUVORK5CYII=" />

Preset availability can change as the app evolves, so choose by preview rather than relying only on the preset name.

## Add to Canva

When the result is ready, click **Add to design**. Position and size it with Canva's canvas controls.

## Refine in Lottie Creator

Choose **Open in Creator** when the preset is a useful starting point but you need to change timing, easing, layers, or individual keyframes. Save the advanced edit in Lottie Creator, then return to Canva through Workspace.

## Troubleshooting

- **The SVG is rejected** - remove embedded images, external references, or unsupported markup and try again.
- **The artwork looks incomplete** - flatten unsupported effects into vector paths before import.
- **The preset does not fit the composition** - try another preset or refine the animation in Creator.

## Related

- [Importing an animation](/en/integrations/canva/02_find-animations/importing-an-animation)
- [Editing in Lottie Creator](/en/integrations/canva/03_customize/editing-in-lottie-creator)