---
title: "Reschedule animated icon"
description: "Reschedule animated icon (Scheduling & time tools). The event moves to a new date. Light: the marked date pops as it is picked; a beat later the event chip hops out of its tray, arcs across the page and lands on the date with a hit and one small bounce, covering it; the empty tray stays behind. Strong: the date pops harder, the chip dips into its tray first, then hops higher and lands with two bounces. The calendar never moves. The reset fades the chip back into its tray."
canonical: https://generativeicons.com/icons/reschedule/
---

# Reschedule animated icon

The event moves to a new date. Light: the marked date pops as it is picked; a beat later the event chip hops out of its tray, arcs across the page and lands on the date with a hit and one small bounce, covering it; the empty tray stays behind. Strong: the date pops harder, the chip dips into its tray first, then hops higher and lands with two bounces. The calendar never moves. The reset fades the chip back into its tray.

- Id: `reschedule`
- Category: Scheduling & time tools
- Search terms: move event, move meeting, change date, change time, new date, postpone, defer, delay, rebook, push back, drag event
- Two states: prepared to result, played forward and back
- Styles: outline, solid, duotone; outline weights 1.5, 2, 2.5 (any from 1 to 3); motion light or strong
- File: https://generativeicons.com/assets/reschedule.lottie (dotLottie, 7119 bytes, sha256 6a5d548def136069596a5877931ac759f231f43554bb8d7dcae725737e60c7b0)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add reschedule
```

## React

```tsx
// npm install @lottiefiles/generative-icons-react
'use client';
import { AnimatedIcon } from '@lottiefiles/generative-icons-react';
import icon, { src } from './generative-icons/reschedule.mjs';

export function RescheduleIcon() {
  return <AnimatedIcon icon={icon} src={src} size={32}
    color="#ffffff" variant="outline" weight={2}
    motion="light" theme="dark" />;
}
```

## JavaScript

```js
import { createIcon } from '@lottiefiles/generative-icons-runtime';
import icon, { src } from './generative-icons/reschedule.mjs';

const handle = await createIcon(canvas, {
  icon, src,
  color: '#ffffff', style: 'outline', weight: 2,
  motion: 'light', theme: 'dark'
});
button.addEventListener('click', () => handle.play());
// On removal: handle.destroy();
```

More: https://generativeicons.com/icons/reschedule/ · https://generativeicons.com/api/icons/reschedule