paypal logo icon
paypal-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- paypal-logo-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the paypal logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M218.54 94.77A53.84 53.84 0 0 0 198 78.66A54 54 0 0 0 144 26H84a14 14 0 0 0-13.58 10.6l-36 144A14 14 0 0 0 48 198h30.07l-3.65 14.6A14 14 0 0 0 88 230h31.5a14 14 0 0 0 13.58-10.6l9-35.88A2 2 0 0 1 144 182h32a54 54 0 0 0 42.56-87.23ZM79.51 186H48a2 2 0 0 1-1.94-2.49l36-144A2 2 0 0 1 84 38h60a42 42 0 0 1 41.69 36.87A54.6 54.6 0 0 0 176 74h-56a14 14 0 0 0-13.59 10.6l-25 99.89a2 2 0 0 1-1.9 1.51m105.86-98.95c-.18 1-.39 2.09-.65 3.14A41.94 41.94 0 0 1 144 122h-34.56l8.62-34.48A2 2 0 0 1 120 86h56a42.4 42.4 0 0 1 9.37 1.05m31.35 51.14A41.94 41.94 0 0 1 176 170h-32a14 14 0 0 0-13.58 10.6l-9 35.89a2 2 0 0 1-1.94 1.51H88a2 2 0 0 1-1.94-2.49l20-80a2 2 0 0 1 2-1.52h36a53.92 53.92 0 0 0 52.38-40.9c.14-.55.25-1.1.36-1.64a42.06 42.06 0 0 1 20 46.73Z"/></svg>
React
import type { SVGProps } from "react";
export function PhPaypalLogoLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M218.54 94.77A53.84 53.84 0 0 0 198 78.66A54 54 0 0 0 144 26H84a14 14 0 0 0-13.58 10.6l-36 144A14 14 0 0 0 48 198h30.07l-3.65 14.6A14 14 0 0 0 88 230h31.5a14 14 0 0 0 13.58-10.6l9-35.88A2 2 0 0 1 144 182h32a54 54 0 0 0 42.56-87.23ZM79.51 186H48a2 2 0 0 1-1.94-2.49l36-144A2 2 0 0 1 84 38h60a42 42 0 0 1 41.69 36.87A54.6 54.6 0 0 0 176 74h-56a14 14 0 0 0-13.59 10.6l-25 99.89a2 2 0 0 1-1.9 1.51m105.86-98.95c-.18 1-.39 2.09-.65 3.14A41.94 41.94 0 0 1 144 122h-34.56l8.62-34.48A2 2 0 0 1 120 86h56a42.4 42.4 0 0 1 9.37 1.05m31.35 51.14A41.94 41.94 0 0 1 176 170h-32a14 14 0 0 0-13.58 10.6l-9 35.89a2 2 0 0 1-1.94 1.51H88a2 2 0 0 1-1.94-2.49l20-80a2 2 0 0 1 2-1.52h36a53.92 53.92 0 0 0 52.38-40.9c.14-.55.25-1.1.36-1.64a42.06 42.06 0 0 1 20 46.73Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M218.54 94.77A53.84 53.84 0 0 0 198 78.66A54 54 0 0 0 144 26H84a14 14 0 0 0-13.58 10.6l-36 144A14 14 0 0 0 48 198h30.07l-3.65 14.6A14 14 0 0 0 88 230h31.5a14 14 0 0 0 13.58-10.6l9-35.88A2 2 0 0 1 144 182h32a54 54 0 0 0 42.56-87.23ZM79.51 186H48a2 2 0 0 1-1.94-2.49l36-144A2 2 0 0 1 84 38h60a42 42 0 0 1 41.69 36.87A54.6 54.6 0 0 0 176 74h-56a14 14 0 0 0-13.59 10.6l-25 99.89a2 2 0 0 1-1.9 1.51m105.86-98.95c-.18 1-.39 2.09-.65 3.14A41.94 41.94 0 0 1 144 122h-34.56l8.62-34.48A2 2 0 0 1 120 86h56a42.4 42.4 0 0 1 9.37 1.05m31.35 51.14A41.94 41.94 0 0 1 176 170h-32a14 14 0 0 0-13.58 10.6l-9 35.89a2 2 0 0 1-1.94 1.51H88a2 2 0 0 1-1.94-2.49l20-80a2 2 0 0 1 2-1.52h36a53.92 53.92 0 0 0 52.38-40.9c.14-.55.25-1.1.36-1.64a42.06 42.06 0 0 1 20 46.73Z"/></svg> </template>
CSS
.icon-paypal-logo-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M218.54%2094.77A53.84%2053.84%200%200%200%20198%2078.66A54%2054%200%200%200%20144%2026H84a14%2014%200%200%200-13.58%2010.6l-36%20144A14%2014%200%200%200%2048%20198h30.07l-3.65%2014.6A14%2014%200%200%200%2088%20230h31.5a14%2014%200%200%200%2013.58-10.6l9-35.88A2%202%200%200%201%20144%20182h32a54%2054%200%200%200%2042.56-87.23ZM79.51%20186H48a2%202%200%200%201-1.94-2.49l36-144A2%202%200%200%201%2084%2038h60a42%2042%200%200%201%2041.69%2036.87A54.6%2054.6%200%200%200%20176%2074h-56a14%2014%200%200%200-13.59%2010.6l-25%2099.89a2%202%200%200%201-1.9%201.51m105.86-98.95c-.18%201-.39%202.09-.65%203.14A41.94%2041.94%200%200%201%20144%20122h-34.56l8.62-34.48A2%202%200%200%201%20120%2086h56a42.4%2042.4%200%200%201%209.37%201.05m31.35%2051.14A41.94%2041.94%200%200%201%20176%20170h-32a14%2014%200%200%200-13.58%2010.6l-9%2035.89a2%202%200%200%201-1.94%201.51H88a2%202%200%200%201-1.94-2.49l20-80a2%202%200%200%201%202-1.52h36a53.92%2053.92%200%200%200%2052.38-40.9c.14-.55.25-1.1.36-1.64a42.06%2042.06%200%200%201%2020%2046.73Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M218.54%2094.77A53.84%2053.84%200%200%200%20198%2078.66A54%2054%200%200%200%20144%2026H84a14%2014%200%200%200-13.58%2010.6l-36%20144A14%2014%200%200%200%2048%20198h30.07l-3.65%2014.6A14%2014%200%200%200%2088%20230h31.5a14%2014%200%200%200%2013.58-10.6l9-35.88A2%202%200%200%201%20144%20182h32a54%2054%200%200%200%2042.56-87.23ZM79.51%20186H48a2%202%200%200%201-1.94-2.49l36-144A2%202%200%200%201%2084%2038h60a42%2042%200%200%201%2041.69%2036.87A54.6%2054.6%200%200%200%20176%2074h-56a14%2014%200%200%200-13.59%2010.6l-25%2099.89a2%202%200%200%201-1.9%201.51m105.86-98.95c-.18%201-.39%202.09-.65%203.14A41.94%2041.94%200%200%201%20144%20122h-34.56l8.62-34.48A2%202%200%200%201%20120%2086h56a42.4%2042.4%200%200%201%209.37%201.05m31.35%2051.14A41.94%2041.94%200%200%201%20176%20170h-32a14%2014%200%200%200-13.58%2010.6l-9%2035.89a2%202%200%200%201-1.94%201.51H88a2%202%200%200%201-1.94-2.49l20-80a2%202%200%200%201%202-1.52h36a53.92%2053.92%200%200%200%2052.38-40.9c.14-.55.25-1.1.36-1.64a42.06%2042.06%200%200%201%2020%2046.73Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/paypal-logo-light.svg?color=%231a73e8&size=48
