paypal logo
paypal from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- paypal
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
paypalBootstrap IconspaypalBoxicons 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 logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M10.962 18.494c-.219 1.2-1.087 6.794-1.344 8.375c-.019.113-.063.156-.188.156H4.768a.76.76 0 0 1-.756-.869L7.675 2.912a1.27 1.27 0 0 1 1.25-1.056c9.519 0 10.319-.231 12.75.713c3.756 1.456 4.1 4.969 2.75 8.769c-1.344 3.913-4.531 5.594-8.756 5.644c-2.712.044-4.344-.438-4.706 1.512zM26.319 9.5c-.113-.081-.156-.113-.188.081a15 15 0 0 1-.55 2.1c-2.494 7.113-9.406 6.494-12.781 6.494c-.381 0-.631.206-.681.587c-1.412 8.775-1.694 10.606-1.694 10.606c-.063.444.219.806.662.806h3.969c.538 0 .981-.394 1.088-.931c.044-.337-.069.381.9-5.706c.288-1.375.894-1.231 1.831-1.231c4.438 0 7.9-1.8 8.931-7.019c.406-2.175.288-4.463-1.487-5.788z"/></svg>
React
import type { SVGProps } from "react";
export function CibPaypal(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="M10.962 18.494c-.219 1.2-1.087 6.794-1.344 8.375c-.019.113-.063.156-.188.156H4.768a.76.76 0 0 1-.756-.869L7.675 2.912a1.27 1.27 0 0 1 1.25-1.056c9.519 0 10.319-.231 12.75.713c3.756 1.456 4.1 4.969 2.75 8.769c-1.344 3.913-4.531 5.594-8.756 5.644c-2.712.044-4.344-.438-4.706 1.512zM26.319 9.5c-.113-.081-.156-.113-.188.081a15 15 0 0 1-.55 2.1c-2.494 7.113-9.406 6.494-12.781 6.494c-.381 0-.631.206-.681.587c-1.412 8.775-1.694 10.606-1.694 10.606c-.063.444.219.806.662.806h3.969c.538 0 .981-.394 1.088-.931c.044-.337-.069.381.9-5.706c.288-1.375.894-1.231 1.831-1.231c4.438 0 7.9-1.8 8.931-7.019c.406-2.175.288-4.463-1.487-5.788z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M10.962 18.494c-.219 1.2-1.087 6.794-1.344 8.375c-.019.113-.063.156-.188.156H4.768a.76.76 0 0 1-.756-.869L7.675 2.912a1.27 1.27 0 0 1 1.25-1.056c9.519 0 10.319-.231 12.75.713c3.756 1.456 4.1 4.969 2.75 8.769c-1.344 3.913-4.531 5.594-8.756 5.644c-2.712.044-4.344-.438-4.706 1.512zM26.319 9.5c-.113-.081-.156-.113-.188.081a15 15 0 0 1-.55 2.1c-2.494 7.113-9.406 6.494-12.781 6.494c-.381 0-.631.206-.681.587c-1.412 8.775-1.694 10.606-1.694 10.606c-.063.444.219.806.662.806h3.969c.538 0 .981-.394 1.088-.931c.044-.337-.069.381.9-5.706c.288-1.375.894-1.231 1.831-1.231c4.438 0 7.9-1.8 8.931-7.019c.406-2.175.288-4.463-1.487-5.788z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.962%2018.494c-.219%201.2-1.087%206.794-1.344%208.375c-.019.113-.063.156-.188.156H4.768a.76.76%200%200%201-.756-.869L7.675%202.912a1.27%201.27%200%200%201%201.25-1.056c9.519%200%2010.319-.231%2012.75.713c3.756%201.456%204.1%204.969%202.75%208.769c-1.344%203.913-4.531%205.594-8.756%205.644c-2.712.044-4.344-.438-4.706%201.512zM26.319%209.5c-.113-.081-.156-.113-.188.081a15%2015%200%200%201-.55%202.1c-2.494%207.113-9.406%206.494-12.781%206.494c-.381%200-.631.206-.681.587c-1.412%208.775-1.694%2010.606-1.694%2010.606c-.063.444.219.806.662.806h3.969c.538%200%20.981-.394%201.088-.931c.044-.337-.069.381.9-5.706c.288-1.375.894-1.231%201.831-1.231c4.438%200%207.9-1.8%208.931-7.019c.406-2.175.288-4.463-1.487-5.788z%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%22M10.962%2018.494c-.219%201.2-1.087%206.794-1.344%208.375c-.019.113-.063.156-.188.156H4.768a.76.76%200%200%201-.756-.869L7.675%202.912a1.27%201.27%200%200%201%201.25-1.056c9.519%200%2010.319-.231%2012.75.713c3.756%201.456%204.1%204.969%202.75%208.769c-1.344%203.913-4.531%205.594-8.756%205.644c-2.712.044-4.344-.438-4.706%201.512zM26.319%209.5c-.113-.081-.156-.113-.188.081a15%2015%200%200%201-.55%202.1c-2.494%207.113-9.406%206.494-12.781%206.494c-.381%200-.631.206-.681.587c-1.412%208.775-1.694%2010.606-1.694%2010.606c-.063.444.219.806.662.806h3.969c.538%200%20.981-.394%201.088-.931c.044-.337-.069.381.9-5.706c.288-1.375.894-1.231%201.831-1.231c4.438%200%207.9-1.8%208.931-7.019c.406-2.175.288-4.463-1.487-5.788z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/paypal.svg?color=%231a73e8&size=48
