---
title: "Shred file animated icon"
description: "Shred file animated icon (Files & transfers). A file is shredded. Light: the shredder pulls the sheet down into its slot, its top edge sinking until it is gone, while the body rattles and the cut strips push out longer underneath. Strong: the shredder grabs the sheet in two hard pulls with a pause between, rattling harder each time, and the strips lurch out in two steps. The preview reset draws the strips back up and fades the sheet back in, waiting at the slot."
canonical: https://generativeicons.com/icons/shred-file/
---

# Shred file animated icon

A file is shredded. Light: the shredder pulls the sheet down into its slot, its top edge sinking until it is gone, while the body rattles and the cut strips push out longer underneath. Strong: the shredder grabs the sheet in two hard pulls with a pause between, rattling harder each time, and the strips lurch out in two steps. The preview reset draws the strips back up and fades the sheet back in, waiting at the slot.

- Id: `shred-file`
- Category: Files & transfers
- Search terms: shredder, paper shredder, destroy file, destroy document, permanently delete, secure delete, delete forever, erase permanently, wipe file, shred document
- 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/shred-file.lottie (dotLottie, 8782 bytes, sha256 c77c4b1136b8d27945190d81a7478eca4e08775a64eaa6095f70f6eb4e0f9fc6)
- License: MIT

## Install

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

## React

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

export function ShredFileIcon() {
  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/shred-file.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/shred-file/ · https://generativeicons.com/api/icons/shred-file