ups logo

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

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

The same logo in other sets

upsFont Awesome 6 Brands upsLine Awesome upsSimple Icons

Use the ups logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M231.2 367c-5.2 3.6-32.6 13.1-32.6-19V244h-32.7v102.6c0 74.9 80.2 51.1 97.9 39V244h-32.6zM132 138.8v220.9c0 103.7 74.9 135.2 187.7 184.1c112.4-48.9 187.7-80.2 187.7-184.1V138.8c-116.3-61.6-281.8-49.6-375.4 0m358.1 220.9c0 86.6-53.2 113.6-170.4 165.3c-117.5-51.8-170.5-78.7-170.5-165.3V233.3c102.3-93.8 231.6-100 340.9-89.8zM280.5 252.3v212.8h32.7v-68.7c24.4 7.3 71.7-2.6 71.7-78.5c0-97.4-80.7-80.9-104.4-65.6m32.7 117.3V269.3c8.4-4.2 38.4-12.7 38.4 49.3c0 67.9-36.4 51.8-38.4 51m79.1-86.4c.1 47.3 51.6 42.5 52.2 70.4c.6 23.5-30.4 23-50.8 4.9v30.1c36.2 21.5 81.9 8.1 83.2-33.5c1.7-51.5-54.1-46.6-53.4-73.2c.6-20.3 30.6-20.5 48.5-2.2v-28.4c-28.5-22-79.9-9.2-79.7 31.9"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsUps(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="M231.2 367c-5.2 3.6-32.6 13.1-32.6-19V244h-32.7v102.6c0 74.9 80.2 51.1 97.9 39V244h-32.6zM132 138.8v220.9c0 103.7 74.9 135.2 187.7 184.1c112.4-48.9 187.7-80.2 187.7-184.1V138.8c-116.3-61.6-281.8-49.6-375.4 0m358.1 220.9c0 86.6-53.2 113.6-170.4 165.3c-117.5-51.8-170.5-78.7-170.5-165.3V233.3c102.3-93.8 231.6-100 340.9-89.8zM280.5 252.3v212.8h32.7v-68.7c24.4 7.3 71.7-2.6 71.7-78.5c0-97.4-80.7-80.9-104.4-65.6m32.7 117.3V269.3c8.4-4.2 38.4-12.7 38.4 49.3c0 67.9-36.4 51.8-38.4 51m79.1-86.4c.1 47.3 51.6 42.5 52.2 70.4c.6 23.5-30.4 23-50.8 4.9v30.1c36.2 21.5 81.9 8.1 83.2-33.5c1.7-51.5-54.1-46.6-53.4-73.2c.6-20.3 30.6-20.5 48.5-2.2v-28.4c-28.5-22-79.9-9.2-79.7 31.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M231.2 367c-5.2 3.6-32.6 13.1-32.6-19V244h-32.7v102.6c0 74.9 80.2 51.1 97.9 39V244h-32.6zM132 138.8v220.9c0 103.7 74.9 135.2 187.7 184.1c112.4-48.9 187.7-80.2 187.7-184.1V138.8c-116.3-61.6-281.8-49.6-375.4 0m358.1 220.9c0 86.6-53.2 113.6-170.4 165.3c-117.5-51.8-170.5-78.7-170.5-165.3V233.3c102.3-93.8 231.6-100 340.9-89.8zM280.5 252.3v212.8h32.7v-68.7c24.4 7.3 71.7-2.6 71.7-78.5c0-97.4-80.7-80.9-104.4-65.6m32.7 117.3V269.3c8.4-4.2 38.4-12.7 38.4 49.3c0 67.9-36.4 51.8-38.4 51m79.1-86.4c.1 47.3 51.6 42.5 52.2 70.4c.6 23.5-30.4 23-50.8 4.9v30.1c36.2 21.5 81.9 8.1 83.2-33.5c1.7-51.5-54.1-46.6-53.4-73.2c.6-20.3 30.6-20.5 48.5-2.2v-28.4c-28.5-22-79.9-9.2-79.7 31.9"/></svg>
</template>

CSS

.icon-ups {
  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%22M231.2%20367c-5.2%203.6-32.6%2013.1-32.6-19V244h-32.7v102.6c0%2074.9%2080.2%2051.1%2097.9%2039V244h-32.6zM132%20138.8v220.9c0%20103.7%2074.9%20135.2%20187.7%20184.1c112.4-48.9%20187.7-80.2%20187.7-184.1V138.8c-116.3-61.6-281.8-49.6-375.4%200m358.1%20220.9c0%2086.6-53.2%20113.6-170.4%20165.3c-117.5-51.8-170.5-78.7-170.5-165.3V233.3c102.3-93.8%20231.6-100%20340.9-89.8zM280.5%20252.3v212.8h32.7v-68.7c24.4%207.3%2071.7-2.6%2071.7-78.5c0-97.4-80.7-80.9-104.4-65.6m32.7%20117.3V269.3c8.4-4.2%2038.4-12.7%2038.4%2049.3c0%2067.9-36.4%2051.8-38.4%2051m79.1-86.4c.1%2047.3%2051.6%2042.5%2052.2%2070.4c.6%2023.5-30.4%2023-50.8%204.9v30.1c36.2%2021.5%2081.9%208.1%2083.2-33.5c1.7-51.5-54.1-46.6-53.4-73.2c.6-20.3%2030.6-20.5%2048.5-2.2v-28.4c-28.5-22-79.9-9.2-79.7%2031.9%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%22M231.2%20367c-5.2%203.6-32.6%2013.1-32.6-19V244h-32.7v102.6c0%2074.9%2080.2%2051.1%2097.9%2039V244h-32.6zM132%20138.8v220.9c0%20103.7%2074.9%20135.2%20187.7%20184.1c112.4-48.9%20187.7-80.2%20187.7-184.1V138.8c-116.3-61.6-281.8-49.6-375.4%200m358.1%20220.9c0%2086.6-53.2%20113.6-170.4%20165.3c-117.5-51.8-170.5-78.7-170.5-165.3V233.3c102.3-93.8%20231.6-100%20340.9-89.8zM280.5%20252.3v212.8h32.7v-68.7c24.4%207.3%2071.7-2.6%2071.7-78.5c0-97.4-80.7-80.9-104.4-65.6m32.7%20117.3V269.3c8.4-4.2%2038.4-12.7%2038.4%2049.3c0%2067.9-36.4%2051.8-38.4%2051m79.1-86.4c.1%2047.3%2051.6%2042.5%2052.2%2070.4c.6%2023.5-30.4%2023-50.8%204.9v30.1c36.2%2021.5%2081.9%208.1%2083.2-33.5c1.7-51.5-54.1-46.6-53.4-73.2c.6-20.3%2030.6-20.5%2048.5-2.2v-28.4c-28.5-22-79.9-9.2-79.7%2031.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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