---
title: "Photo delete animated icon"
description: "Photo delete animated icon (Photos & camera). The photo drops into the bin and fades as it passes the lid. Strong drops it fast, the bin jolts and the lid hops on impact. The emptied bin is retained; preview reset brings the photo back."
canonical: https://generativeicons.com/icons/photo-delete/
---

# Photo delete animated icon

The photo drops into the bin and fades as it passes the lid. Strong drops it fast, the bin jolts and the lid hops on impact. The emptied bin is retained; preview reset brings the photo back.

- Id: `photo-delete`
- Category: Photos & camera
- Search terms: delete image, delete picture, remove photo, remove image, trash photo, trash image, discard photo, clear photos, recently deleted
- 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/photo-delete.lottie (dotLottie, 9258 bytes, sha256 872605fc63eff2be8b248afaf8581ef866660fab29ca5ed5f40f00b419ca49d5)
- License: MIT

## Install

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

## React

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

export function PhotoDeleteIcon() {
  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/photo-delete.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/photo-delete/ · https://generativeicons.com/api/icons/photo-delete