uber logo

uber from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: uber
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

uberBoxicons Brands uberCoreUI Brands uberFont Awesome 6 Brands uberHuge Icons uberLine Awesome uberMaterial Design Icons uberSimple Icons

Use the uber logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M510.1 96H129.9C111.2 96 96 111.2 96 129.9V510c0 18.8 15.2 34 33.9 34H510c18.7 0 33.9-15.2 33.9-33.9V129.9c.1-18.7-15.1-33.9-33.8-33.9M333.6 455.1c-74.6 7.5-141.2-46.9-148.7-121.5h94.4V354c0 3.7 3 6.8 6.8 6.8H354c3.7 0 6.8-3 6.8-6.8v-67.9c0-3.7-3-6.8-6.8-6.8h-67.9c-3.7 0-6.8 3-6.8 6.8v20.4h-94.4c7-69.4 65.4-122.2 135.1-122.2s128.1 52.8 135.1 122.2c7.5 74.5-46.9 141.1-121.5 148.6"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsUber(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M510.1 96H129.9C111.2 96 96 111.2 96 129.9V510c0 18.8 15.2 34 33.9 34H510c18.7 0 33.9-15.2 33.9-33.9V129.9c.1-18.7-15.1-33.9-33.8-33.9M333.6 455.1c-74.6 7.5-141.2-46.9-148.7-121.5h94.4V354c0 3.7 3 6.8 6.8 6.8H354c3.7 0 6.8-3 6.8-6.8v-67.9c0-3.7-3-6.8-6.8-6.8h-67.9c-3.7 0-6.8 3-6.8 6.8v20.4h-94.4c7-69.4 65.4-122.2 135.1-122.2s128.1 52.8 135.1 122.2c7.5 74.5-46.9 141.1-121.5 148.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M510.1 96H129.9C111.2 96 96 111.2 96 129.9V510c0 18.8 15.2 34 33.9 34H510c18.7 0 33.9-15.2 33.9-33.9V129.9c.1-18.7-15.1-33.9-33.8-33.9M333.6 455.1c-74.6 7.5-141.2-46.9-148.7-121.5h94.4V354c0 3.7 3 6.8 6.8 6.8H354c3.7 0 6.8-3 6.8-6.8v-67.9c0-3.7-3-6.8-6.8-6.8h-67.9c-3.7 0-6.8 3-6.8 6.8v20.4h-94.4c7-69.4 65.4-122.2 135.1-122.2s128.1 52.8 135.1 122.2c7.5 74.5-46.9 141.1-121.5 148.6"/></svg>
</template>

CSS

.icon-uber {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M510.1%2096H129.9C111.2%2096%2096%20111.2%2096%20129.9V510c0%2018.8%2015.2%2034%2033.9%2034H510c18.7%200%2033.9-15.2%2033.9-33.9V129.9c.1-18.7-15.1-33.9-33.8-33.9M333.6%20455.1c-74.6%207.5-141.2-46.9-148.7-121.5h94.4V354c0%203.7%203%206.8%206.8%206.8H354c3.7%200%206.8-3%206.8-6.8v-67.9c0-3.7-3-6.8-6.8-6.8h-67.9c-3.7%200-6.8%203-6.8%206.8v20.4h-94.4c7-69.4%2065.4-122.2%20135.1-122.2s128.1%2052.8%20135.1%20122.2c7.5%2074.5-46.9%20141.1-121.5%20148.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M510.1%2096H129.9C111.2%2096%2096%20111.2%2096%20129.9V510c0%2018.8%2015.2%2034%2033.9%2034H510c18.7%200%2033.9-15.2%2033.9-33.9V129.9c.1-18.7-15.1-33.9-33.8-33.9M333.6%20455.1c-74.6%207.5-141.2-46.9-148.7-121.5h94.4V354c0%203.7%203%206.8%206.8%206.8H354c3.7%200%206.8-3%206.8-6.8v-67.9c0-3.7-3-6.8-6.8-6.8h-67.9c-3.7%200-6.8%203-6.8%206.8v20.4h-94.4c7-69.4%2065.4-122.2%20135.1-122.2s128.1%2052.8%20135.1%20122.2c7.5%2074.5-46.9%20141.1-121.5%20148.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/uber.svg?color=%231a73e8&size=48