uber logo
uber from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- uber
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the uber logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 7.97v4.958c0 1.867 1.302 3.101 3 3.101c.826 0 1.562-.316 2.094-.87v.736H6.27V7.97H5.082v4.888c0 1.257-.85 2.106-1.947 2.106c-1.11 0-1.946-.827-1.946-2.106V7.971H0zm7.44 0v7.925h1.13v-.725c.521.532 1.257.86 2.06.86a3.006 3.006 0 0 0 3.034-3.01a3.01 3.01 0 0 0-3.033-3.024a2.86 2.86 0 0 0-2.049.861V7.971H7.439zm9.869 2.038c-1.687 0-2.965 1.37-2.965 3c0 1.72 1.334 3.01 3.066 3.01c1.053 0 1.913-.463 2.49-1.233l-.826-.611c-.43.577-.996.847-1.664.847c-.973 0-1.753-.7-1.912-1.64h4.697v-.373c0-1.72-1.222-3-2.886-3m6.295.068c-.634 0-1.098.294-1.381.758v-.713h-1.131v5.774h1.142V12.61c0-.894.544-1.47 1.291-1.47H24v-1.065h-.396zm-6.319.928c.85 0 1.564.588 1.756 1.47H15.52c.203-.882.916-1.47 1.765-1.47m-6.732.012c1.086 0 1.98.883 1.98 2.004a1.993 1.993 0 0 1-1.98 2.001A1.99 1.99 0 0 1 8.56 13.02a1.99 1.99 0 0 1 1.992-2.004z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsUber(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 7.97v4.958c0 1.867 1.302 3.101 3 3.101c.826 0 1.562-.316 2.094-.87v.736H6.27V7.97H5.082v4.888c0 1.257-.85 2.106-1.947 2.106c-1.11 0-1.946-.827-1.946-2.106V7.971H0zm7.44 0v7.925h1.13v-.725c.521.532 1.257.86 2.06.86a3.006 3.006 0 0 0 3.034-3.01a3.01 3.01 0 0 0-3.033-3.024a2.86 2.86 0 0 0-2.049.861V7.971H7.439zm9.869 2.038c-1.687 0-2.965 1.37-2.965 3c0 1.72 1.334 3.01 3.066 3.01c1.053 0 1.913-.463 2.49-1.233l-.826-.611c-.43.577-.996.847-1.664.847c-.973 0-1.753-.7-1.912-1.64h4.697v-.373c0-1.72-1.222-3-2.886-3m6.295.068c-.634 0-1.098.294-1.381.758v-.713h-1.131v5.774h1.142V12.61c0-.894.544-1.47 1.291-1.47H24v-1.065h-.396zm-6.319.928c.85 0 1.564.588 1.756 1.47H15.52c.203-.882.916-1.47 1.765-1.47m-6.732.012c1.086 0 1.98.883 1.98 2.004a1.993 1.993 0 0 1-1.98 2.001A1.99 1.99 0 0 1 8.56 13.02a1.99 1.99 0 0 1 1.992-2.004z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 7.97v4.958c0 1.867 1.302 3.101 3 3.101c.826 0 1.562-.316 2.094-.87v.736H6.27V7.97H5.082v4.888c0 1.257-.85 2.106-1.947 2.106c-1.11 0-1.946-.827-1.946-2.106V7.971H0zm7.44 0v7.925h1.13v-.725c.521.532 1.257.86 2.06.86a3.006 3.006 0 0 0 3.034-3.01a3.01 3.01 0 0 0-3.033-3.024a2.86 2.86 0 0 0-2.049.861V7.971H7.439zm9.869 2.038c-1.687 0-2.965 1.37-2.965 3c0 1.72 1.334 3.01 3.066 3.01c1.053 0 1.913-.463 2.49-1.233l-.826-.611c-.43.577-.996.847-1.664.847c-.973 0-1.753-.7-1.912-1.64h4.697v-.373c0-1.72-1.222-3-2.886-3m6.295.068c-.634 0-1.098.294-1.381.758v-.713h-1.131v5.774h1.142V12.61c0-.894.544-1.47 1.291-1.47H24v-1.065h-.396zm-6.319.928c.85 0 1.564.588 1.756 1.47H15.52c.203-.882.916-1.47 1.765-1.47m-6.732.012c1.086 0 1.98.883 1.98 2.004a1.993 1.993 0 0 1-1.98 2.001A1.99 1.99 0 0 1 8.56 13.02a1.99 1.99 0 0 1 1.992-2.004z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%207.97v4.958c0%201.867%201.302%203.101%203%203.101c.826%200%201.562-.316%202.094-.87v.736H6.27V7.97H5.082v4.888c0%201.257-.85%202.106-1.947%202.106c-1.11%200-1.946-.827-1.946-2.106V7.971H0zm7.44%200v7.925h1.13v-.725c.521.532%201.257.86%202.06.86a3.006%203.006%200%200%200%203.034-3.01a3.01%203.01%200%200%200-3.033-3.024a2.86%202.86%200%200%200-2.049.861V7.971H7.439zm9.869%202.038c-1.687%200-2.965%201.37-2.965%203c0%201.72%201.334%203.01%203.066%203.01c1.053%200%201.913-.463%202.49-1.233l-.826-.611c-.43.577-.996.847-1.664.847c-.973%200-1.753-.7-1.912-1.64h4.697v-.373c0-1.72-1.222-3-2.886-3m6.295.068c-.634%200-1.098.294-1.381.758v-.713h-1.131v5.774h1.142V12.61c0-.894.544-1.47%201.291-1.47H24v-1.065h-.396zm-6.319.928c.85%200%201.564.588%201.756%201.47H15.52c.203-.882.916-1.47%201.765-1.47m-6.732.012c1.086%200%201.98.883%201.98%202.004a1.993%201.993%200%200%201-1.98%202.001A1.99%201.99%200%200%201%208.56%2013.02a1.99%201.99%200%200%201%201.992-2.004z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%207.97v4.958c0%201.867%201.302%203.101%203%203.101c.826%200%201.562-.316%202.094-.87v.736H6.27V7.97H5.082v4.888c0%201.257-.85%202.106-1.947%202.106c-1.11%200-1.946-.827-1.946-2.106V7.971H0zm7.44%200v7.925h1.13v-.725c.521.532%201.257.86%202.06.86a3.006%203.006%200%200%200%203.034-3.01a3.01%203.01%200%200%200-3.033-3.024a2.86%202.86%200%200%200-2.049.861V7.971H7.439zm9.869%202.038c-1.687%200-2.965%201.37-2.965%203c0%201.72%201.334%203.01%203.066%203.01c1.053%200%201.913-.463%202.49-1.233l-.826-.611c-.43.577-.996.847-1.664.847c-.973%200-1.753-.7-1.912-1.64h4.697v-.373c0-1.72-1.222-3-2.886-3m6.295.068c-.634%200-1.098.294-1.381.758v-.713h-1.131v5.774h1.142V12.61c0-.894.544-1.47%201.291-1.47H24v-1.065h-.396zm-6.319.928c.85%200%201.564.588%201.756%201.47H15.52c.203-.882.916-1.47%201.765-1.47m-6.732.012c1.086%200%201.98.883%201.98%202.004a1.993%201.993%200%200%201-1.98%202.001A1.99%201.99%200%200%201%208.56%2013.02a1.99%201.99%200%200%201%201.992-2.004z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/uber.svg?color=%231a73e8&size=48
