paypal icon
paypal from Prime Icons by PrimeTek · Regular · MIT Free for personal and commercial use.
- Name
- paypal
- Set
- Prime Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
paypalBootstrap IconspaypalBoxicons BrandspaypalCoreUI BrandspaypalFont Awesome 6 BrandspaypalFont Awesome Brandspaypalcss.ggpaypalHuge IconspaypalIconParkpaypalIconPark OutlinepaypalIconoirpaypalJam IconspaypalLine AwesomepaypalSVG LogospaypalMage IconspaypalMaterial Design Iconspaypal-fillMingCute Iconpaypal-fillRemix IconpaypalSimple Iconspaypal-outlineTeenyiconspaypalUniconspaypalUnicons Monochrome
Use the paypal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.16 13.41c-.12.67-.61 3.83-.75 4.72c0 .07 0 .09-.11.09H5.68a.43.43 0 0 1-.43-.49L7.31 4.61A.73.73 0 0 1 8 4c5.35 0 5.8-.13 7.17.41c2.11.82 2.31 2.8 1.55 4.95s-2.55 3.15-4.93 3.18c-1.52 0-2.44-.24-2.65.86Zm8.64-5.08c-.06-.05-.08-.06-.1 0a8 8 0 0 1-.31 1.19c-1.4 4-5.29 3.67-7.19 3.67a.35.35 0 0 0-.39.33c-.79 5-1 6-1 6a.38.38 0 0 0 .37.46h2.24a.63.63 0 0 0 .61-.53c0-.19 0 .22.51-3.22c.16-.77.5-.69 1-.69c2.49 0 4.44-1 5-4a3.14 3.14 0 0 0-.84-3.27Z"/></svg>
React
import type { SVGProps } from "react";
export function PrimePaypal(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="M9.16 13.41c-.12.67-.61 3.83-.75 4.72c0 .07 0 .09-.11.09H5.68a.43.43 0 0 1-.43-.49L7.31 4.61A.73.73 0 0 1 8 4c5.35 0 5.8-.13 7.17.41c2.11.82 2.31 2.8 1.55 4.95s-2.55 3.15-4.93 3.18c-1.52 0-2.44-.24-2.65.86Zm8.64-5.08c-.06-.05-.08-.06-.1 0a8 8 0 0 1-.31 1.19c-1.4 4-5.29 3.67-7.19 3.67a.35.35 0 0 0-.39.33c-.79 5-1 6-1 6a.38.38 0 0 0 .37.46h2.24a.63.63 0 0 0 .61-.53c0-.19 0 .22.51-3.22c.16-.77.5-.69 1-.69c2.49 0 4.44-1 5-4a3.14 3.14 0 0 0-.84-3.27Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.16 13.41c-.12.67-.61 3.83-.75 4.72c0 .07 0 .09-.11.09H5.68a.43.43 0 0 1-.43-.49L7.31 4.61A.73.73 0 0 1 8 4c5.35 0 5.8-.13 7.17.41c2.11.82 2.31 2.8 1.55 4.95s-2.55 3.15-4.93 3.18c-1.52 0-2.44-.24-2.65.86Zm8.64-5.08c-.06-.05-.08-.06-.1 0a8 8 0 0 1-.31 1.19c-1.4 4-5.29 3.67-7.19 3.67a.35.35 0 0 0-.39.33c-.79 5-1 6-1 6a.38.38 0 0 0 .37.46h2.24a.63.63 0 0 0 .61-.53c0-.19 0 .22.51-3.22c.16-.77.5-.69 1-.69c2.49 0 4.44-1 5-4a3.14 3.14 0 0 0-.84-3.27Z"/></svg> </template>
CSS
.icon-paypal {
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%22M9.16%2013.41c-.12.67-.61%203.83-.75%204.72c0%20.07%200%20.09-.11.09H5.68a.43.43%200%200%201-.43-.49L7.31%204.61A.73.73%200%200%201%208%204c5.35%200%205.8-.13%207.17.41c2.11.82%202.31%202.8%201.55%204.95s-2.55%203.15-4.93%203.18c-1.52%200-2.44-.24-2.65.86Zm8.64-5.08c-.06-.05-.08-.06-.1%200a8%208%200%200%201-.31%201.19c-1.4%204-5.29%203.67-7.19%203.67a.35.35%200%200%200-.39.33c-.79%205-1%206-1%206a.38.38%200%200%200%20.37.46h2.24a.63.63%200%200%200%20.61-.53c0-.19%200%20.22.51-3.22c.16-.77.5-.69%201-.69c2.49%200%204.44-1%205-4a3.14%203.14%200%200%200-.84-3.27Z%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%22M9.16%2013.41c-.12.67-.61%203.83-.75%204.72c0%20.07%200%20.09-.11.09H5.68a.43.43%200%200%201-.43-.49L7.31%204.61A.73.73%200%200%201%208%204c5.35%200%205.8-.13%207.17.41c2.11.82%202.31%202.8%201.55%204.95s-2.55%203.15-4.93%203.18c-1.52%200-2.44-.24-2.65.86Zm8.64-5.08c-.06-.05-.08-.06-.1%200a8%208%200%200%201-.31%201.19c-1.4%204-5.29%203.67-7.19%203.67a.35.35%200%200%200-.39.33c-.79%205-1%206-1%206a.38.38%200%200%200%20.37.46h2.24a.63.63%200%200%200%20.61-.53c0-.19%200%20.22.51-3.22c.16-.77.5-.69%201-.69c2.49%200%204.44-1%205-4a3.14%203.14%200%200%200-.84-3.27Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/prime/paypal.svg?color=%231a73e8&size=48
