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

# Uber

Uber is a ride-hailing and delivery platform for booking rides, ordering food with Uber Eats and sending packages, with developer APIs for rides and deliveries.

## At a glance

- **Page**: https://devicons.io/icons/uber/
- **Website**: https://www.uber.com/
- **Brand guidelines**: https://brand.uber.com/
- **Also known as**: Uber Technologies, Uber App, Uber Eats
- **Tags**: [Transportation](/icons/tag/transportation/), [Ride Sharing](/icons/tag/ride-sharing/), [Delivery](/icons/tag/delivery/), [Mobile](/icons/tag/mobile/)
- **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 |
| --- | --- | --- | --- | --- |
| `uber` | `Uber` | https://devicons.io/devicons/icons/uber.svg | https://devicons.io/devicons/font/uber.svg | `devicons devicons-uber` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the Uber logo

The Uber logo is the word "Uber" in black, set in Uber Move, the company's custom typeface. Uber introduced this wordmark in its 2018 rebrand. It replaced the 2016 logo built around the "bit" symbol with a simpler, more legible design.

The black wordmark disappears on dark surfaces, so use the monochrome version in white there.

## When to use this logo

Use Uber in ride-hailing and mobility app comparisons, travel and expense integrations, delivery and logistics tooling and partner logo rows. It pairs naturally with Airbnb, Google Maps, Stripe and DoorDash.

## Related icons

- [Android](/icons/android.md)
- [AMP](/icons/amp.md)
- [Appcircle](/icons/appcircle.md)
- [AppCode](/icons/appcode.md)
- [Appium](/icons/appium.md)
- [Apple](/icons/apple.md)
- [Apple App Store](/icons/apple-app-store.md)
- [Apple Pay](/icons/apple-pay.md)

## Browse the catalog
- Previous: [Typo3](/icons/typo3.md)
- Next: [Ubuntu](/icons/ubuntu.md)
- [All icons](/icons.md)