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

# Mercado Libre

Mercado Libre is Latin America's largest e-commerce marketplace, with Mercado Pago payments, logistics and developer APIs for sellers in Brazil, Mexico and Argentina.

## At a glance

- **Page**: https://devicons.io/icons/mercado-libre/
- **Website**: https://www.mercadolibre.com/
- **Also known as**: Mercado Livre, MercadoLibre, MELI, Mercado Libre API
- **Tags**: [E-commerce](/icons/tag/e-commerce/), [Marketplace](/icons/tag/marketplace/), [Payment](/icons/tag/payment/), [Latin America](/icons/tag/latin-america/)
- **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 |
| --- | --- | --- | --- | --- |
| `mercado-libre-icon` | `MercadoLibreIcon` | https://devicons.io/devicons/icons/mercado-libre-icon.svg | https://devicons.io/devicons/font/mercado-libre-icon.svg | `devicons devicons-mercado-libre-icon` |
| `mercado-libre` | `MercadoLibre` | https://devicons.io/devicons/icons/mercado-libre.svg | https://devicons.io/devicons/font/mercado-libre.svg | `devicons devicons-mercado-libre` |

## Install and use

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

### React

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

<MercadoLibreIcon size={32} alt="Mercado Libre logo" />
```

### Vue

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

<template>
  <MercadoLibreIcon :size="32" alt="Mercado Libre logo" />
</template>
```

### Svelte

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

<MercadoLibreIcon size={32} alt="Mercado Libre logo" />
```

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/mercado-libre-icon.svg" alt="Mercado Libre logo" width="48" height="48" />
```

### Icon font

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

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

## About the Mercado Libre logo

The Mercado Libre icon is a bright yellow (#FFE600) oval with a navy (#2D3277) outline and two white hands shaking in the middle. The lockup adds "mercado libre" in rounded navy lowercase letters next to the handshake. In Brazil the same logo reads "mercado livre".

The yellow oval reads well on light and dark backgrounds. The navy wordmark is hard to read on dark surfaces, so use the icon or the monochrome lockup there.

## When to use this logo

Use Mercado Libre in Latin American e-commerce integrations, multichannel seller tools, marketplace comparisons and docs for the Mercado Libre or Mercado Pago APIs. It pairs naturally with Shopify, eBay, AliExpress, PayPal and Stripe.

## Related icons

- [Paypal](/icons/paypal.md)
- [Stripe](/icons/stripe.md)
- [Adyen](/icons/adyen.md)
- [AliExpress](/icons/aliexpress.md)
- [eBay](/icons/ebay.md)
- [Shopify](/icons/shopify.md)
- [Square](/icons/square.md)
- [Diners Club](/icons/dinersclub.md)

## Browse the catalog
- Previous: [Mention](/icons/mention.md)
- Next: [Mercurial](/icons/mercurial.md)
- [All icons](/icons.md)