[Home](/index.md) › [Icons](/icons.md) › Fish Audio

# Fish Audio

Fish Audio is a voice AI platform for expressive text-to-speech and instant voice cloning, offering an API and the open Fish Speech models.

## At a glance

- **Page**: https://devicons.io/icons/fish-audio/
- **Website**: https://fish.audio/
- **License**: https://fish.audio/terms/
- **Also known as**: fish.audio, Fish Speech, OpenAudio, Fish Audio S1, Fish Audio S2
- **Tags**: [AI](/icons/tag/ai/), [Text To Speech](/icons/tag/text-to-speech/), [Voice](/icons/tag/voice/), [Audio](/icons/tag/audio/), [API](/icons/tag/api/), [Open Source](/icons/tag/open-source/)
- **Version added**: 1.2.0
- **Contrast**: needs a light backdrop on dark backgrounds

## Files

Each file is one variant of this logo. The component name is derived from the file name.

| File | Component | Color SVG | Monochrome SVG | Font class |
| --- | --- | --- | --- | --- |
| `fish-audio-icon` | `FishAudioIcon` | https://devicons.io/devicons/icons/fish-audio-icon.svg | https://devicons.io/devicons/font/fish-audio-icon.svg | `devicons devicons-fish-audio-icon` |
| `fish-audio` | `FishAudio` | https://devicons.io/devicons/icons/fish-audio.svg | https://devicons.io/devicons/font/fish-audio.svg | `devicons devicons-fish-audio` |

## Install and use

```bash
npm install @dev.icons/react  # or @dev.icons/vue, @dev.icons/svelte
```

### React

```tsx
import { FishAudioIcon } from "@dev.icons/react";
// Monochrome (inherits currentColor):
// import { FishAudioIcon } from "@dev.icons/react/mono";

<FishAudioIcon size={32} alt="Fish Audio logo" />
```

### Vue

```vue
<script setup>
import { FishAudioIcon } from "@dev.icons/vue";
</script>

<template>
  <FishAudioIcon :size="32" alt="Fish Audio logo" />
</template>
```

### Svelte

```svelte
<script>
  import { FishAudioIcon } from "@dev.icons/svelte";
</script>

<FishAudioIcon size={32} alt="Fish Audio logo" />
```

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/fish-audio-icon.svg" alt="Fish Audio logo" width="48" height="48" />
```

### Icon font

```css
@import "devicons/css"; /* npm install devicons */
```

```html
<i class="devicons devicons-fish-audio-icon"></i>
```

## About the Fish Audio logo

The Fish Audio mark is a row of rounded vertical bars, like an audio waveform, whose outline forms a fish. The bars that make up the lower fin are a lighter grey. The full logo sets the mark next to "Fish Audio" in a semibold geometric sans-serif. The mark is the vector logo from the fish.audio header, and the lockup follows the logo used in the Fish Audio docs.

The main bars are black (#000000) and the fin bars are grey (#7A7A7A). For dark backgrounds the docs switch to white with a lighter grey (#858585), so use the monochrome version in dark themes.

## When to use this logo

Use the Fish Audio logo in text-to-speech provider pickers, voice cloning comparisons, voice agent architecture diagrams and docs for SDK or API integrations. It also fits lists of open speech models that include Fish Speech. Natural pairings are ElevenLabs, Coqui, OpenAI and Hugging Face, along with LiveKit for real-time voice apps.

## Related icons

- [Coqui](/icons/coqui.md)
- [ElevenLabs](/icons/elevenlabs.md)
- [DeepSeek](/icons/deepseek.md)
- [Hugging Face](/icons/hugging-face.md)
- [OpenAI](/icons/openai.md)
- [360 Zhinao](/icons/ai360.md)
- [Appwrite](/icons/appwrite.md)
- [AUTOMATIC1111](/icons/automatic1111.md)

## Browse the catalog
- Previous: [Fireworks AI](/icons/fireworks.md)
- Next: [Flannel](/icons/flannel.md)
- [All icons](/icons.md)