---
title: "Cherry-pick animated icon"
description: "Cherry-pick animated icon (Developer & version control). A commit is cherry-picked from one branch onto another. Light: a copy of the source commit's point lifts out of its ring, arcs down across to the other branch and lands in the empty tip ring with a hit; that branch dips under the weight, springs back and settles, and the picked commit stays. Strong: the source ring swells as it gives up the copy, the copy flies higher and lands harder, the tip ring pops bigger and the branch settles in two beats. The preview reset fades the copy back out."
canonical: https://generativeicons.com/icons/cherry-pick/
---

# Cherry-pick animated icon

A commit is cherry-picked from one branch onto another. Light: a copy of the source commit's point lifts out of its ring, arcs down across to the other branch and lands in the empty tip ring with a hit; that branch dips under the weight, springs back and settles, and the picked commit stays. Strong: the source ring swells as it gives up the copy, the copy flies higher and lands harder, the tip ring pops bigger and the branch settles in two beats. The preview reset fades the copy back out.

- Id: `cherry-pick`
- Category: Developer & version control
- Search terms: cherrypick, pick commit, copy commit, apply commit, backport, port commit, select commit, single commit, transplant commit, hotfix
- 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/cherry-pick.lottie (dotLottie, 7579 bytes, sha256 f3bf2afaf9ab0ba15b1aef8de1c9c1b75065afeb04fcd6a5dcb0f19c4e9b2991)
- License: MIT

## Install

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

## React

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

export function CherryPickIcon() {
  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/cherry-pick.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/cherry-pick/ · https://generativeicons.com/api/icons/cherry-pick