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

# Coinbase

Coinbase is a US cryptocurrency exchange and wallet for buying, selling and storing crypto, with Coinbase Developer Platform APIs and the Base network.

## At a glance

- **Page**: https://devicons.io/icons/coinbase/
- **Website**: https://www.coinbase.com/
- **Also known as**: Coinbase Exchange, Coinbase Wallet, Coinbase Developer Platform
- **Tags**: [Cryptocurrency](/icons/tag/cryptocurrency/), [Blockchain](/icons/tag/blockchain/), [Fintech](/icons/tag/fintech/), [Wallet](/icons/tag/wallet/)
- **Version added**: 1.3.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 |
| --- | --- | --- | --- | --- |
| `coinbase-icon` | `CoinbaseIcon` | https://devicons.io/devicons/icons/coinbase-icon.svg | https://devicons.io/devicons/font/coinbase-icon.svg | `devicons devicons-coinbase-icon` |
| `coinbase` | `Coinbase` | https://devicons.io/devicons/icons/coinbase.svg | https://devicons.io/devicons/font/coinbase.svg | `devicons devicons-coinbase` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/coinbase-icon.svg" alt="Coinbase logo" width="48" height="48" />
```

### Icon font

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

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

## About the Coinbase logo

The Coinbase icon is a blue (#0052FF) circle with a white "C" whose opening holds a small blue square. The wordmark is the lowercase word "coinbase" in black.

The blue icon reads well on light and dark backgrounds. The black wordmark disappears on dark surfaces, so use the monochrome version in white there.

## When to use this logo

Use Coinbase in crypto exchange comparisons, "connect wallet" and crypto payment buttons, onchain app docs and fintech dashboards. It pairs naturally with Binance, MetaMask, Ethereum, Solana and Stripe.

## Related icons

- [Binance](/icons/binance.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: [Cohere](/icons/cohere.md)
- Next: [ComfyUI](/icons/comfyui.md)
- [All icons](/icons.md)