paypal icon
paypal from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- paypal
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
paypalBoxicons BrandspaypalCoreUI BrandspaypalFont Awesome 6 BrandspaypalFont Awesome Brandspaypalcss.ggpaypalHuge IconspaypalIconParkpaypalIconPark OutlinepaypalIconoirpaypalJam IconspaypalLine AwesomepaypalSVG LogospaypalMage IconspaypalMaterial Design Iconspaypal-fillMingCute IconpaypalPrime Iconspaypal-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 16 16"><path fill="currentColor" d="M14.06 3.713c.12-1.071-.093-1.832-.702-2.526C12.628.356 11.312 0 9.626 0H4.734a.7.7 0 0 0-.691.59L2.005 13.509a.42.42 0 0 0 .415.486h2.756l-.202 1.28a.628.628 0 0 0 .62.726H8.14c.429 0 .793-.31.862-.731l.025-.13l.48-3.043l.03-.164l.001-.007a.35.35 0 0 1 .348-.297h.38c1.266 0 2.425-.256 3.345-.91q.57-.403.993-1.005a4.94 4.94 0 0 0 .88-2.195c.242-1.246.13-2.356-.57-3.154a2.7 2.7 0 0 0-.76-.59l-.094-.061ZM6.543 8.82a.7.7 0 0 1 .321-.079H8.3c2.82 0 5.027-1.144 5.672-4.456l.003-.016q.326.186.548.438c.546.623.679 1.535.45 2.71c-.272 1.397-.866 2.307-1.663 2.874c-.802.57-1.842.815-3.043.815h-.38a.87.87 0 0 0-.863.734l-.03.164l-.48 3.043l-.024.13l-.001.004a.35.35 0 0 1-.348.296H5.595a.106.106 0 0 1-.105-.123l.208-1.32z"/></svg>
React
import type { SVGProps } from "react";
export function BiPaypal(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M14.06 3.713c.12-1.071-.093-1.832-.702-2.526C12.628.356 11.312 0 9.626 0H4.734a.7.7 0 0 0-.691.59L2.005 13.509a.42.42 0 0 0 .415.486h2.756l-.202 1.28a.628.628 0 0 0 .62.726H8.14c.429 0 .793-.31.862-.731l.025-.13l.48-3.043l.03-.164l.001-.007a.35.35 0 0 1 .348-.297h.38c1.266 0 2.425-.256 3.345-.91q.57-.403.993-1.005a4.94 4.94 0 0 0 .88-2.195c.242-1.246.13-2.356-.57-3.154a2.7 2.7 0 0 0-.76-.59l-.094-.061ZM6.543 8.82a.7.7 0 0 1 .321-.079H8.3c2.82 0 5.027-1.144 5.672-4.456l.003-.016q.326.186.548.438c.546.623.679 1.535.45 2.71c-.272 1.397-.866 2.307-1.663 2.874c-.802.57-1.842.815-3.043.815h-.38a.87.87 0 0 0-.863.734l-.03.164l-.48 3.043l-.024.13l-.001.004a.35.35 0 0 1-.348.296H5.595a.106.106 0 0 1-.105-.123l.208-1.32z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M14.06 3.713c.12-1.071-.093-1.832-.702-2.526C12.628.356 11.312 0 9.626 0H4.734a.7.7 0 0 0-.691.59L2.005 13.509a.42.42 0 0 0 .415.486h2.756l-.202 1.28a.628.628 0 0 0 .62.726H8.14c.429 0 .793-.31.862-.731l.025-.13l.48-3.043l.03-.164l.001-.007a.35.35 0 0 1 .348-.297h.38c1.266 0 2.425-.256 3.345-.91q.57-.403.993-1.005a4.94 4.94 0 0 0 .88-2.195c.242-1.246.13-2.356-.57-3.154a2.7 2.7 0 0 0-.76-.59l-.094-.061ZM6.543 8.82a.7.7 0 0 1 .321-.079H8.3c2.82 0 5.027-1.144 5.672-4.456l.003-.016q.326.186.548.438c.546.623.679 1.535.45 2.71c-.272 1.397-.866 2.307-1.663 2.874c-.802.57-1.842.815-3.043.815h-.38a.87.87 0 0 0-.863.734l-.03.164l-.48 3.043l-.024.13l-.001.004a.35.35 0 0 1-.348.296H5.595a.106.106 0 0 1-.105-.123l.208-1.32z"/></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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.06%203.713c.12-1.071-.093-1.832-.702-2.526C12.628.356%2011.312%200%209.626%200H4.734a.7.7%200%200%200-.691.59L2.005%2013.509a.42.42%200%200%200%20.415.486h2.756l-.202%201.28a.628.628%200%200%200%20.62.726H8.14c.429%200%20.793-.31.862-.731l.025-.13l.48-3.043l.03-.164l.001-.007a.35.35%200%200%201%20.348-.297h.38c1.266%200%202.425-.256%203.345-.91q.57-.403.993-1.005a4.94%204.94%200%200%200%20.88-2.195c.242-1.246.13-2.356-.57-3.154a2.7%202.7%200%200%200-.76-.59l-.094-.061ZM6.543%208.82a.7.7%200%200%201%20.321-.079H8.3c2.82%200%205.027-1.144%205.672-4.456l.003-.016q.326.186.548.438c.546.623.679%201.535.45%202.71c-.272%201.397-.866%202.307-1.663%202.874c-.802.57-1.842.815-3.043.815h-.38a.87.87%200%200%200-.863.734l-.03.164l-.48%203.043l-.024.13l-.001.004a.35.35%200%200%201-.348.296H5.595a.106.106%200%200%201-.105-.123l.208-1.32z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.06%203.713c.12-1.071-.093-1.832-.702-2.526C12.628.356%2011.312%200%209.626%200H4.734a.7.7%200%200%200-.691.59L2.005%2013.509a.42.42%200%200%200%20.415.486h2.756l-.202%201.28a.628.628%200%200%200%20.62.726H8.14c.429%200%20.793-.31.862-.731l.025-.13l.48-3.043l.03-.164l.001-.007a.35.35%200%200%201%20.348-.297h.38c1.266%200%202.425-.256%203.345-.91q.57-.403.993-1.005a4.94%204.94%200%200%200%20.88-2.195c.242-1.246.13-2.356-.57-3.154a2.7%202.7%200%200%200-.76-.59l-.094-.061ZM6.543%208.82a.7.7%200%200%201%20.321-.079H8.3c2.82%200%205.027-1.144%205.672-4.456l.003-.016q.326.186.548.438c.546.623.679%201.535.45%202.71c-.272%201.397-.866%202.307-1.663%202.874c-.802.57-1.842.815-3.043.815h-.38a.87.87%200%200%200-.863.734l-.03.164l-.48%203.043l-.024.13l-.001.004a.35.35%200%200%201-.348.296H5.595a.106.106%200%200%201-.105-.123l.208-1.32z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/paypal.svg?color=%231a73e8&size=48
