---
title: "Mirror tool animated icon"
description: "Mirror tool animated icon (Drawing & design tools). The left shape is reflected across the axis. Light: the old reflection clears, a copy peels off the left triangle and folds over the dashed axis like a page, flattening to a line on the axis and opening out on the right, where it lands with a stop and is pushed out a little before it settles. Strong: the source triangle pulls back and pushes into the mirror, the copy folds across faster, the axis dashes ripple apart as it passes through, and the landed reflection recoils further and settles in two beats."
canonical: https://generativeicons.com/icons/mirror-tool/
---

# Mirror tool animated icon

The left shape is reflected across the axis. Light: the old reflection clears, a copy peels off the left triangle and folds over the dashed axis like a page, flattening to a line on the axis and opening out on the right, where it lands with a stop and is pushed out a little before it settles. Strong: the source triangle pulls back and pushes into the mirror, the copy folds across faster, the axis dashes ripple apart as it passes through, and the landed reflection recoils further and settles in two beats.

- Id: `mirror-tool`
- Category: Drawing & design tools
- Search terms: reflect, reflection, reflect tool, flip, flip horizontal, mirror image, symmetry, symmetrical, axis of symmetry, flip shape
- One action, back to rest
- 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/mirror-tool.lottie (dotLottie, 4227 bytes, sha256 5311765e66a3625b18b54289710ee348195266878eed2716466e2175c9729963)
- License: MIT

## Install

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

## React

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

export function MirrorToolIcon() {
  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/mirror-tool.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/mirror-tool/ · https://generativeicons.com/api/icons/mirror-tool