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

# Suno

Suno is a generative AI music platform that creates full songs with vocals and instrumentation from text prompts, with Suno Studio for editing.

## At a glance

- **Page**: https://devicons.io/icons/suno/
- **Website**: https://suno.com/
- **License**: https://suno.com/terms
- **Also known as**: Suno AI, Suno Studio, Suno, Inc.
- **Tags**: [AI](/icons/tag/ai/), [Music](/icons/tag/music/), [Audio](/icons/tag/audio/), [Generative AI](/icons/tag/generative-ai/)
- **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 |
| --- | --- | --- | --- | --- |
| `suno` | `Suno` | https://devicons.io/devicons/icons/suno.svg | https://devicons.io/devicons/font/suno.svg | `devicons devicons-suno` |

## Install and use

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

### React

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

<Suno size={32} alt="Suno logo" />
```

### Vue

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

<template>
  <Suno :size="32" alt="Suno logo" />
</template>
```

### Svelte

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

<Suno size={32} alt="Suno logo" />
```

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/suno.svg" alt="Suno logo" width="48" height="48" />
```

### Icon font

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

```html
<i class="devicons devicons-suno"></i>
```

## About the Suno logo

The Suno logo is a bold, wide "SUNO" wordmark. Its letters look partly melted: the right stem of the U and the diagonal of the N bend in wavy, liquid curves. There is no separate symbol. The app icon places the same wordmark in white on an orange-to-pink circle, and suno.com uses the wordmark alone in the site header. This file comes from the vector logo on suno.com.

The wordmark is a single color. It is black here and white on Suno's dark website. The black version disappears on dark backgrounds, so use the monochrome version in dark themes.

## When to use this logo

Use the Suno logo in AI music tool comparisons, generative audio landscape maps, creator-tool directories, and docs or tutorials about making songs with Suno. It pairs naturally with Udio, ElevenLabs and Stable Audio in audio AI lineups, and with Pika, Luma and Runway when you show a wider generative media stack.

## Related icons

- [ElevenLabs](/icons/elevenlabs.md)
- [Soundcloud](/icons/soundcloud.md)
- [AWS Bedrock](/icons/aws-bedrock.md)
- [Coqui](/icons/coqui.md)
- [Dream Machine](/icons/luma-dream-machine.md)
- [Fish Audio](/icons/fish-audio.md)
- [Ideogram](/icons/ideogram.md)
- [Lovable](/icons/lovable.md)

## Browse the catalog
- Previous: [Subversion](/icons/subversion.md)
- Next: [Supabase](/icons/supabase.md)
- [All icons](/icons.md)