paypal logo icon
paypal-logo-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- paypal-logo-thin
- Set
- Phosphor
- Style
- Thin
- 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="M217 96a51.7 51.7 0 0 0-21-16a52 52 0 0 0-52-52H84a12 12 0 0 0-11.65 9.09l-36 144A12 12 0 0 0 48 196h31.5a11 11 0 0 0 1.14-.06l-4.29 17.15A12 12 0 0 0 88 228h31.5a12 12 0 0 0 11.64-9.09l9-35.88a4 4 0 0 1 3.88-3h32a52 52 0 0 0 41-84ZM48 188a4 4 0 0 1-3.89-5l36-144A4 4 0 0 1 84 36h60a44 44 0 0 1 43.93 41.37A52.5 52.5 0 0 0 176 76h-56a12 12 0 0 0-11.65 9.09L83.39 185a4 4 0 0 1-3.88 3ZM187.63 85.56a43 43 0 0 1-1 5.11A43.94 43.94 0 0 1 144 124h-36a11 11 0 0 0-1.14.06l9.25-37A4 4 0 0 1 120 84h56a44.3 44.3 0 0 1 11.63 1.56m31 53.11A43.94 43.94 0 0 1 176 172h-32a12 12 0 0 0-11.64 9.09l-9 35.88a4 4 0 0 1-3.88 3H88a4 4 0 0 1-3.89-5l20-80a4 4 0 0 1 3.89-3h36a51.92 51.92 0 0 0 50.44-39.39c.35-1.39.62-2.79.85-4.19a44.08 44.08 0 0 1 23.39 50.25Z"/></svg>
React
import type { SVGProps } from "react";
export function PhPaypalLogoThin(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="M217 96a51.7 51.7 0 0 0-21-16a52 52 0 0 0-52-52H84a12 12 0 0 0-11.65 9.09l-36 144A12 12 0 0 0 48 196h31.5a11 11 0 0 0 1.14-.06l-4.29 17.15A12 12 0 0 0 88 228h31.5a12 12 0 0 0 11.64-9.09l9-35.88a4 4 0 0 1 3.88-3h32a52 52 0 0 0 41-84ZM48 188a4 4 0 0 1-3.89-5l36-144A4 4 0 0 1 84 36h60a44 44 0 0 1 43.93 41.37A52.5 52.5 0 0 0 176 76h-56a12 12 0 0 0-11.65 9.09L83.39 185a4 4 0 0 1-3.88 3ZM187.63 85.56a43 43 0 0 1-1 5.11A43.94 43.94 0 0 1 144 124h-36a11 11 0 0 0-1.14.06l9.25-37A4 4 0 0 1 120 84h56a44.3 44.3 0 0 1 11.63 1.56m31 53.11A43.94 43.94 0 0 1 176 172h-32a12 12 0 0 0-11.64 9.09l-9 35.88a4 4 0 0 1-3.88 3H88a4 4 0 0 1-3.89-5l20-80a4 4 0 0 1 3.89-3h36a51.92 51.92 0 0 0 50.44-39.39c.35-1.39.62-2.79.85-4.19a44.08 44.08 0 0 1 23.39 50.25Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M217 96a51.7 51.7 0 0 0-21-16a52 52 0 0 0-52-52H84a12 12 0 0 0-11.65 9.09l-36 144A12 12 0 0 0 48 196h31.5a11 11 0 0 0 1.14-.06l-4.29 17.15A12 12 0 0 0 88 228h31.5a12 12 0 0 0 11.64-9.09l9-35.88a4 4 0 0 1 3.88-3h32a52 52 0 0 0 41-84ZM48 188a4 4 0 0 1-3.89-5l36-144A4 4 0 0 1 84 36h60a44 44 0 0 1 43.93 41.37A52.5 52.5 0 0 0 176 76h-56a12 12 0 0 0-11.65 9.09L83.39 185a4 4 0 0 1-3.88 3ZM187.63 85.56a43 43 0 0 1-1 5.11A43.94 43.94 0 0 1 144 124h-36a11 11 0 0 0-1.14.06l9.25-37A4 4 0 0 1 120 84h56a44.3 44.3 0 0 1 11.63 1.56m31 53.11A43.94 43.94 0 0 1 176 172h-32a12 12 0 0 0-11.64 9.09l-9 35.88a4 4 0 0 1-3.88 3H88a4 4 0 0 1-3.89-5l20-80a4 4 0 0 1 3.89-3h36a51.92 51.92 0 0 0 50.44-39.39c.35-1.39.62-2.79.85-4.19a44.08 44.08 0 0 1 23.39 50.25Z"/></svg> </template>
CSS
.icon-paypal-logo-thin {
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%22M217%2096a51.7%2051.7%200%200%200-21-16a52%2052%200%200%200-52-52H84a12%2012%200%200%200-11.65%209.09l-36%20144A12%2012%200%200%200%2048%20196h31.5a11%2011%200%200%200%201.14-.06l-4.29%2017.15A12%2012%200%200%200%2088%20228h31.5a12%2012%200%200%200%2011.64-9.09l9-35.88a4%204%200%200%201%203.88-3h32a52%2052%200%200%200%2041-84ZM48%20188a4%204%200%200%201-3.89-5l36-144A4%204%200%200%201%2084%2036h60a44%2044%200%200%201%2043.93%2041.37A52.5%2052.5%200%200%200%20176%2076h-56a12%2012%200%200%200-11.65%209.09L83.39%20185a4%204%200%200%201-3.88%203ZM187.63%2085.56a43%2043%200%200%201-1%205.11A43.94%2043.94%200%200%201%20144%20124h-36a11%2011%200%200%200-1.14.06l9.25-37A4%204%200%200%201%20120%2084h56a44.3%2044.3%200%200%201%2011.63%201.56m31%2053.11A43.94%2043.94%200%200%201%20176%20172h-32a12%2012%200%200%200-11.64%209.09l-9%2035.88a4%204%200%200%201-3.88%203H88a4%204%200%200%201-3.89-5l20-80a4%204%200%200%201%203.89-3h36a51.92%2051.92%200%200%200%2050.44-39.39c.35-1.39.62-2.79.85-4.19a44.08%2044.08%200%200%201%2023.39%2050.25Z%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%22M217%2096a51.7%2051.7%200%200%200-21-16a52%2052%200%200%200-52-52H84a12%2012%200%200%200-11.65%209.09l-36%20144A12%2012%200%200%200%2048%20196h31.5a11%2011%200%200%200%201.14-.06l-4.29%2017.15A12%2012%200%200%200%2088%20228h31.5a12%2012%200%200%200%2011.64-9.09l9-35.88a4%204%200%200%201%203.88-3h32a52%2052%200%200%200%2041-84ZM48%20188a4%204%200%200%201-3.89-5l36-144A4%204%200%200%201%2084%2036h60a44%2044%200%200%201%2043.93%2041.37A52.5%2052.5%200%200%200%20176%2076h-56a12%2012%200%200%200-11.65%209.09L83.39%20185a4%204%200%200%201-3.88%203ZM187.63%2085.56a43%2043%200%200%201-1%205.11A43.94%2043.94%200%200%201%20144%20124h-36a11%2011%200%200%200-1.14.06l9.25-37A4%204%200%200%201%20120%2084h56a44.3%2044.3%200%200%201%2011.63%201.56m31%2053.11A43.94%2043.94%200%200%201%20176%20172h-32a12%2012%200%200%200-11.64%209.09l-9%2035.88a4%204%200%200%201-3.88%203H88a4%204%200%200%201-3.89-5l20-80a4%204%200%200%201%203.89-3h36a51.92%2051.92%200%200%200%2050.44-39.39c.35-1.39.62-2.79.85-4.19a44.08%2044.08%200%200%201%2023.39%2050.25Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/paypal-logo-thin.svg?color=%231a73e8&size=48
