---
title: "Voice pitch animated icon"
description: "Voice pitch animated icon (Voice). The voice's pitch is raised. Light: the pitch knob slides up its track and stops dead on the higher setting, and a beat behind it the voice wave tightens from long, low swells into short, quick ones. Strong: the knob dips to gather, then climbs in two steps, stopping dead on each, while the wave tightens behind it. The knob stays high and the wave stays tight. The reverse lowers the knob and relaxes the wave the same way."
canonical: https://generativeicons.com/icons/voice-pitch/
---

# Voice pitch animated icon

The voice's pitch is raised. Light: the pitch knob slides up its track and stops dead on the higher setting, and a beat behind it the voice wave tightens from long, low swells into short, quick ones. Strong: the knob dips to gather, then climbs in two steps, stopping dead on each, while the wave tightens behind it. The knob stays high and the wave stays tight. The reverse lowers the knob and relaxes the wave the same way.

- Id: `voice-pitch`
- Category: Voice
- Search terms: pitch shift, pitch shifter, pitch control, voice changer, frequency, higher voice, deeper voice, voice tone, raise pitch, lower pitch, tone slider, hertz
- Two states: normal-pitch to higher-pitch, 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/voice-pitch.lottie (dotLottie, 7802 bytes, sha256 cfbe8f39775bc2220e5182ed98005392b111c0ae71c145764bed68dacd30eb6f)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add voice-pitch
```

## React

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

export function VoicePitchIcon() {
  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/voice-pitch.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/voice-pitch/ · https://generativeicons.com/api/icons/voice-pitch