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

# Binance

Binance is one of the largest cryptocurrency exchanges, offering spot and futures trading, earn products, BNB Chain and APIs for trading bots.

## At a glance

- **Page**: https://devicons.io/icons/binance/
- **Website**: https://www.binance.com/
- **Also known as**: Binance Exchange, Binance.com, Binance API
- **Tags**: [Cryptocurrency](/icons/tag/cryptocurrency/), [Blockchain](/icons/tag/blockchain/), [Fintech](/icons/tag/fintech/), [Trading](/icons/tag/trading/)
- **Version added**: 1.3.0

## 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 |
| --- | --- | --- | --- | --- |
| `binance` | `Binance` | https://devicons.io/devicons/icons/binance.svg | https://devicons.io/devicons/font/binance.svg | `devicons devicons-binance` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the Binance logo

The Binance logo mark is a gold-yellow (#F3BA2F) diamond pattern: a central square turned 45 degrees, four L-shaped chevrons around it and two small diamonds at the sides. Together the pieces form a larger diamond.

The yellow mark reads well on light and dark backgrounds.

## When to use this logo

Use Binance in crypto exchange comparisons, payment and wallet integrations, trading bot docs for the Binance API and fintech dashboards. It pairs naturally with Coinbase, Tether, Bitcoin, Ethereum and MetaMask.

## Related icons

- [Coinbase](/icons/coinbase.md)
- [Dogecoin](/icons/dogecoin.md)
- [Tether](/icons/tether.md)
- [Cardano](/icons/cardano.md)
- [Ethereum](/icons/ethereum.md)
- [Ethereum (Color)](/icons/ethereum-color.md)
- [Monero](/icons/monero.md)
- [Solana](/icons/solana.md)

## Browse the catalog
- Previous: [Bilibili](/icons/bilibili.md)
- Next: [Bing](/icons/bing.md)
- [All icons](/icons.md)