# Long Shadow: Icon Animation

A flat icon pops in and casts a long shadow to the frame edge, then the light swings and the shadow sweeps around. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/long-shadow

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-long-shadow.mp4?v=3e1633329b

A red check badge springs in with a flat long shadow that stretches to the edge, then swings around as if the light moved.

- Framework: Remotion
- Category: Graphic Looks
- Duration: 2 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/long-shadow

On a white frame, a red badge with a white check mark springs in from zero size, and a light gray flat shadow grows from it to the edge of the frame at a 45 degree angle. Then the light swings and the shadow sweeps around to 135 degrees on a spring, overshooting a little before it settles. It plays in just over two seconds.

You can change the start and end angles of the shadow, how much it fades toward its far end, and the shadow, background, badge and check colors, plus playback speed and the background around the scene. Use it for a task done or success moment, an app icon reveal, a flat design explainer or a feature checklist.

## Use it for

- Success moments
- App icon reveals
- Flat design explainers
- Feature checklists

## What you can change

- `speed`: Playback speed (Number)
- `angleFrom`: Start angle (Number)
- `angleTo`: End angle (Number)
- `fade`: Shadow fade (Number)
- `shadowColor`: Shadow color (Color)
- `background`: Background color (Color)
- `iconColor`: Badge color (Color)
- `checkColor`: Check color (Color)
- `stageBackground`: Background around the scene (Color)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Long Shadow and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.

Built on Long Shadow from remocn: https://remocn.dev