---
title: "Git rebase animated icon"
description: "Git rebase animated icon (Developer & version control). A branch is rebased onto the latest commit. Light: the newest commit at the top of the trunk pops, then the branch lifts off its old base and slides up the trunk, its fork running along the line, and lands higher with a hit and a small rebound; a faint copy of the old branch is left behind and fades. Strong: the top commit pops harder, the branch dips first to wind up, shoots up past its new base and settles onto it in damped swings while the old copy fades. The branch stays rebased until the preview reset."
canonical: https://generativeicons.com/icons/git-rebase/
---

# Git rebase animated icon

A branch is rebased onto the latest commit. Light: the newest commit at the top of the trunk pops, then the branch lifts off its old base and slides up the trunk, its fork running along the line, and lands higher with a hit and a small rebound; a faint copy of the old branch is left behind and fades. Strong: the top commit pops harder, the branch dips first to wind up, shoots up past its new base and settles onto it in damped swings while the old copy fades. The branch stays rebased until the preview reset.

- Id: `git-rebase`
- Category: Developer & version control
- Search terms: rebasing, rebase onto main, move branch, update branch, rewrite history, linear history, replay commits, interactive rebase, squash commits, sync with main, restack
- 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/git-rebase.lottie (dotLottie, 6831 bytes, sha256 7f201b68986e6f1ccaf7391facb2f735161155237f80fec8887e0de130f99c52)
- License: MIT

## Install

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

## React

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

export function GitRebaseIcon() {
  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/git-rebase.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/git-rebase/ · https://generativeicons.com/api/icons/git-rebase