ups from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.

Name
ups
Set
Line Awesome
Style
Line
Category
Other
Viewbox
32×32
License
Apache 2.0

The same icon in other sets

More other icons from Line Awesome

Use the ups icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.512 2.988C11.549 3.076 7.75 4 5 5.5v12.8c0 6.1 4.4 7.9 11 10.8c6.6-2.9 11-4.7 11-10.8V5.5c-3.4-1.85-7.526-2.6-11.488-2.512m5.508 2.514c1.706-.04 3.38.047 4.98.197v12.5c0 5.1-3.1 6.701-10 9.701c-6.9-3-10-4.6-10-9.7V11c4.5-4.125 9.9-5.38 15.02-5.498m-4.85 5.53c-1.017-.006-1.983.33-2.47.667V24h1.9v-4c1.4.4 4.1-.1 4.1-4.5c0-3.5-1.836-4.46-3.53-4.469zm6.371.032c-1.27.1-2.441.936-2.441 2.436c0 2.8 3 2.5 3 4.1c.1 1.4-1.7 1.3-2.9.3v1.7c2.1 1.3 4.7.5 4.8-1.9c.1-3-3.1-2.7-3.1-4.3c0-1.1 1.8-1.2 2.8-.1v-1.6c-.6-.488-1.397-.695-2.159-.636M7 11.2v5.9c0 4.4 4.7 3.001 5.7 2.301v-8.2h-1.9v7.1c-.3.2-1.9.7-1.9-1.1v-6H7zm9.055 1.362c.689-.061 1.644.314 1.644 2.939c.1 4-1.999 3-2.199 3v-5.8a2 2 0 0 1 .555-.14z"/></svg>

React

import type { SVGProps } from "react";

export function LaUps(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.512 2.988C11.549 3.076 7.75 4 5 5.5v12.8c0 6.1 4.4 7.9 11 10.8c6.6-2.9 11-4.7 11-10.8V5.5c-3.4-1.85-7.526-2.6-11.488-2.512m5.508 2.514c1.706-.04 3.38.047 4.98.197v12.5c0 5.1-3.1 6.701-10 9.701c-6.9-3-10-4.6-10-9.7V11c4.5-4.125 9.9-5.38 15.02-5.498m-4.85 5.53c-1.017-.006-1.983.33-2.47.667V24h1.9v-4c1.4.4 4.1-.1 4.1-4.5c0-3.5-1.836-4.46-3.53-4.469zm6.371.032c-1.27.1-2.441.936-2.441 2.436c0 2.8 3 2.5 3 4.1c.1 1.4-1.7 1.3-2.9.3v1.7c2.1 1.3 4.7.5 4.8-1.9c.1-3-3.1-2.7-3.1-4.3c0-1.1 1.8-1.2 2.8-.1v-1.6c-.6-.488-1.397-.695-2.159-.636M7 11.2v5.9c0 4.4 4.7 3.001 5.7 2.301v-8.2h-1.9v7.1c-.3.2-1.9.7-1.9-1.1v-6H7zm9.055 1.362c.689-.061 1.644.314 1.644 2.939c.1 4-1.999 3-2.199 3v-5.8a2 2 0 0 1 .555-.14z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.512 2.988C11.549 3.076 7.75 4 5 5.5v12.8c0 6.1 4.4 7.9 11 10.8c6.6-2.9 11-4.7 11-10.8V5.5c-3.4-1.85-7.526-2.6-11.488-2.512m5.508 2.514c1.706-.04 3.38.047 4.98.197v12.5c0 5.1-3.1 6.701-10 9.701c-6.9-3-10-4.6-10-9.7V11c4.5-4.125 9.9-5.38 15.02-5.498m-4.85 5.53c-1.017-.006-1.983.33-2.47.667V24h1.9v-4c1.4.4 4.1-.1 4.1-4.5c0-3.5-1.836-4.46-3.53-4.469zm6.371.032c-1.27.1-2.441.936-2.441 2.436c0 2.8 3 2.5 3 4.1c.1 1.4-1.7 1.3-2.9.3v1.7c2.1 1.3 4.7.5 4.8-1.9c.1-3-3.1-2.7-3.1-4.3c0-1.1 1.8-1.2 2.8-.1v-1.6c-.6-.488-1.397-.695-2.159-.636M7 11.2v5.9c0 4.4 4.7 3.001 5.7 2.301v-8.2h-1.9v7.1c-.3.2-1.9.7-1.9-1.1v-6H7zm9.055 1.362c.689-.061 1.644.314 1.644 2.939c.1 4-1.999 3-2.199 3v-5.8a2 2 0 0 1 .555-.14z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.512%202.988C11.549%203.076%207.75%204%205%205.5v12.8c0%206.1%204.4%207.9%2011%2010.8c6.6-2.9%2011-4.7%2011-10.8V5.5c-3.4-1.85-7.526-2.6-11.488-2.512m5.508%202.514c1.706-.04%203.38.047%204.98.197v12.5c0%205.1-3.1%206.701-10%209.701c-6.9-3-10-4.6-10-9.7V11c4.5-4.125%209.9-5.38%2015.02-5.498m-4.85%205.53c-1.017-.006-1.983.33-2.47.667V24h1.9v-4c1.4.4%204.1-.1%204.1-4.5c0-3.5-1.836-4.46-3.53-4.469zm6.371.032c-1.27.1-2.441.936-2.441%202.436c0%202.8%203%202.5%203%204.1c.1%201.4-1.7%201.3-2.9.3v1.7c2.1%201.3%204.7.5%204.8-1.9c.1-3-3.1-2.7-3.1-4.3c0-1.1%201.8-1.2%202.8-.1v-1.6c-.6-.488-1.397-.695-2.159-.636M7%2011.2v5.9c0%204.4%204.7%203.001%205.7%202.301v-8.2h-1.9v7.1c-.3.2-1.9.7-1.9-1.1v-6H7zm9.055%201.362c.689-.061%201.644.314%201.644%202.939c.1%204-1.999%203-2.199%203v-5.8a2%202%200%200%201%20.555-.14z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.512%202.988C11.549%203.076%207.75%204%205%205.5v12.8c0%206.1%204.4%207.9%2011%2010.8c6.6-2.9%2011-4.7%2011-10.8V5.5c-3.4-1.85-7.526-2.6-11.488-2.512m5.508%202.514c1.706-.04%203.38.047%204.98.197v12.5c0%205.1-3.1%206.701-10%209.701c-6.9-3-10-4.6-10-9.7V11c4.5-4.125%209.9-5.38%2015.02-5.498m-4.85%205.53c-1.017-.006-1.983.33-2.47.667V24h1.9v-4c1.4.4%204.1-.1%204.1-4.5c0-3.5-1.836-4.46-3.53-4.469zm6.371.032c-1.27.1-2.441.936-2.441%202.436c0%202.8%203%202.5%203%204.1c.1%201.4-1.7%201.3-2.9.3v1.7c2.1%201.3%204.7.5%204.8-1.9c.1-3-3.1-2.7-3.1-4.3c0-1.1%201.8-1.2%202.8-.1v-1.6c-.6-.488-1.397-.695-2.159-.636M7%2011.2v5.9c0%204.4%204.7%203.001%205.7%202.301v-8.2h-1.9v7.1c-.3.2-1.9.7-1.9-1.1v-6H7zm9.055%201.362c.689-.061%201.644.314%201.644%202.939c.1%204-1.999%203-2.199%203v-5.8a2%202%200%200%201%20.555-.14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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