uber logo

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

Name: uber
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 448×512
License: CC BY 4.0

The same logo in other sets

uberBoxicons Brands uberCoreUI Brands uberFont Awesome 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 448 512"><path fill="currentColor" d="M414.1 32H33.9C15.2 32 0 47.2 0 65.9V446c0 18.8 15.2 34 33.9 34H414c18.7 0 33.9-15.2 33.9-33.9V65.9C448 47.2 432.8 32 414.1 32M237.6 391.1C163 398.6 96.4 344.2 88.9 269.6h94.4V290c0 3.7 3 6.8 6.8 6.8H258c3.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.4H88.9c7-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 Fa6BrandsUber(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M414.1 32H33.9C15.2 32 0 47.2 0 65.9V446c0 18.8 15.2 34 33.9 34H414c18.7 0 33.9-15.2 33.9-33.9V65.9C448 47.2 432.8 32 414.1 32M237.6 391.1C163 398.6 96.4 344.2 88.9 269.6h94.4V290c0 3.7 3 6.8 6.8 6.8H258c3.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.4H88.9c7-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 448 512"><path fill="currentColor" d="M414.1 32H33.9C15.2 32 0 47.2 0 65.9V446c0 18.8 15.2 34 33.9 34H414c18.7 0 33.9-15.2 33.9-33.9V65.9C448 47.2 432.8 32 414.1 32M237.6 391.1C163 398.6 96.4 344.2 88.9 269.6h94.4V290c0 3.7 3 6.8 6.8 6.8H258c3.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.4H88.9c7-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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M414.1%2032H33.9C15.2%2032%200%2047.2%200%2065.9V446c0%2018.8%2015.2%2034%2033.9%2034H414c18.7%200%2033.9-15.2%2033.9-33.9V65.9C448%2047.2%20432.8%2032%20414.1%2032M237.6%20391.1C163%20398.6%2096.4%20344.2%2088.9%20269.6h94.4V290c0%203.7%203%206.8%206.8%206.8H258c3.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.4H88.9c7-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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M414.1%2032H33.9C15.2%2032%200%2047.2%200%2065.9V446c0%2018.8%2015.2%2034%2033.9%2034H414c18.7%200%2033.9-15.2%2033.9-33.9V65.9C448%2047.2%20432.8%2032%20414.1%2032M237.6%20391.1C163%20398.6%2096.4%20344.2%2088.9%20269.6h94.4V290c0%203.7%203%206.8%206.8%206.8H258c3.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.4H88.9c7-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/fa6-brands/uber.svg?color=%231a73e8&size=48