paypal icon
paypal from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- paypal
- Set
- Mage Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
paypalBootstrap IconspaypalBoxicons BrandspaypalCoreUI BrandspaypalFont Awesome 6 BrandspaypalFont Awesome Brandspaypalcss.ggpaypalHuge IconspaypalIconParkpaypalIconPark OutlinepaypalIconoirpaypalJam IconspaypalLine AwesomepaypalSVG LogospaypalMaterial 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 24 24"><path fill="currentColor" d="M18.026 6.117c-.213 5.113-3.887 6.804-8.485 6.425c-.758 0-.894.778-.972 1.37c-.31 1.556-.398 3.305-.816 4.773h-3.45a.476.476 0 0 1-.496-.467c.632-4.14 1.312-8.29 1.944-12.44c.145-.924.3-1.847.437-2.77a.83.83 0 0 1 .408-.613a31 31 0 0 1 4.277-.117c2.819-.116 7.25-.048 7.153 3.84"/><path fill="currentColor" d="M18.678 8.061c2.497 1.41 1.526 5.356-.175 7.105a6.36 6.36 0 0 1-4.724 1.439a.784.784 0 0 0-.768.826l-.583 3.625a.73.73 0 0 1-.33.554a18.6 18.6 0 0 1-3.383.107a.417.417 0 0 1-.428-.486c.078-.534.166-1.03.253-1.506a44 44 0 0 1 1.03-5.832a.84.84 0 0 1 .652-.292c.972 0 1.876 0 2.809-.058a5.99 5.99 0 0 0 5.598-5.472z"/></svg>
React
import type { SVGProps } from "react";
export function MagePaypal(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="M18.026 6.117c-.213 5.113-3.887 6.804-8.485 6.425c-.758 0-.894.778-.972 1.37c-.31 1.556-.398 3.305-.816 4.773h-3.45a.476.476 0 0 1-.496-.467c.632-4.14 1.312-8.29 1.944-12.44c.145-.924.3-1.847.437-2.77a.83.83 0 0 1 .408-.613a31 31 0 0 1 4.277-.117c2.819-.116 7.25-.048 7.153 3.84"/><path fill="currentColor" d="M18.678 8.061c2.497 1.41 1.526 5.356-.175 7.105a6.36 6.36 0 0 1-4.724 1.439a.784.784 0 0 0-.768.826l-.583 3.625a.73.73 0 0 1-.33.554a18.6 18.6 0 0 1-3.383.107a.417.417 0 0 1-.428-.486c.078-.534.166-1.03.253-1.506a44 44 0 0 1 1.03-5.832a.84.84 0 0 1 .652-.292c.972 0 1.876 0 2.809-.058a5.99 5.99 0 0 0 5.598-5.472z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.026 6.117c-.213 5.113-3.887 6.804-8.485 6.425c-.758 0-.894.778-.972 1.37c-.31 1.556-.398 3.305-.816 4.773h-3.45a.476.476 0 0 1-.496-.467c.632-4.14 1.312-8.29 1.944-12.44c.145-.924.3-1.847.437-2.77a.83.83 0 0 1 .408-.613a31 31 0 0 1 4.277-.117c2.819-.116 7.25-.048 7.153 3.84"/><path fill="currentColor" d="M18.678 8.061c2.497 1.41 1.526 5.356-.175 7.105a6.36 6.36 0 0 1-4.724 1.439a.784.784 0 0 0-.768.826l-.583 3.625a.73.73 0 0 1-.33.554a18.6 18.6 0 0 1-3.383.107a.417.417 0 0 1-.428-.486c.078-.534.166-1.03.253-1.506a44 44 0 0 1 1.03-5.832a.84.84 0 0 1 .652-.292c.972 0 1.876 0 2.809-.058a5.99 5.99 0 0 0 5.598-5.472z"/></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%22M18.026%206.117c-.213%205.113-3.887%206.804-8.485%206.425c-.758%200-.894.778-.972%201.37c-.31%201.556-.398%203.305-.816%204.773h-3.45a.476.476%200%200%201-.496-.467c.632-4.14%201.312-8.29%201.944-12.44c.145-.924.3-1.847.437-2.77a.83.83%200%200%201%20.408-.613a31%2031%200%200%201%204.277-.117c2.819-.116%207.25-.048%207.153%203.84%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.678%208.061c2.497%201.41%201.526%205.356-.175%207.105a6.36%206.36%200%200%201-4.724%201.439a.784.784%200%200%200-.768.826l-.583%203.625a.73.73%200%200%201-.33.554a18.6%2018.6%200%200%201-3.383.107a.417.417%200%200%201-.428-.486c.078-.534.166-1.03.253-1.506a44%2044%200%200%201%201.03-5.832a.84.84%200%200%201%20.652-.292c.972%200%201.876%200%202.809-.058a5.99%205.99%200%200%200%205.598-5.472z%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%22M18.026%206.117c-.213%205.113-3.887%206.804-8.485%206.425c-.758%200-.894.778-.972%201.37c-.31%201.556-.398%203.305-.816%204.773h-3.45a.476.476%200%200%201-.496-.467c.632-4.14%201.312-8.29%201.944-12.44c.145-.924.3-1.847.437-2.77a.83.83%200%200%201%20.408-.613a31%2031%200%200%201%204.277-.117c2.819-.116%207.25-.048%207.153%203.84%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.678%208.061c2.497%201.41%201.526%205.356-.175%207.105a6.36%206.36%200%200%201-4.724%201.439a.784.784%200%200%200-.768.826l-.583%203.625a.73.73%200%200%201-.33.554a18.6%2018.6%200%200%201-3.383.107a.417.417%200%200%201-.428-.486c.078-.534.166-1.03.253-1.506a44%2044%200%200%201%201.03-5.832a.84.84%200%200%201%20.652-.292c.972%200%201.876%200%202.809-.058a5.99%205.99%200%200%200%205.598-5.472z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/paypal.svg?color=%231a73e8&size=48
