PayPal

File: paypal.svg
viewBox: 0 0 1009 1008.8
Weight: 1 KB

Another company's mark, kept in the design system for reference. It belongs to its owner and isn't part of the Black Atmosphere set: for anything published, use the company's official file and follow its guidelines.

96px

160px

240px +

Use it

Download SVG

React

import { Illustration } from '@ba-icons/react';
import paypal from '@ba-icons/illustrations/payments/paypal';

<Illustration asset={paypal} size={160} />

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import paypal from '@ba-icons/illustrations/payments/paypal';
</script>

<template>
  <Illustration :asset="paypal" :size="160" />
</template>

Astro

---
import { Illustration } from '@ba-icons/astro';
import paypal from '@ba-icons/illustrations/payments/paypal';
---

<Illustration asset={paypal} size={160} />

HTML

<script src="https://icons.atmosphere.africa/cdn/ba-icons-0.4.0.js" defer></script>

<ba-illustration name="payments/paypal" size="160"></ba-illustration>

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1009 1008.8" fill="currentColor"><path d="M300.8 589.4Q296.8 607.4 285.8 665.9Q274.8 724.4 262.3 791.4Q249.8 858.4 246.8 876.4Q245.8 881.4 238.8 881.4H50.8Q36.8 881.4 27.3 872.4Q17.8 863.4 19.8 851.4L167.8 56.4Q170.8 41.4 185.3 30.9Q199.8 20.4 218.8 20.4Q289.8 20.4 380.8 19.9Q471.8 19.4 503.8 19.4Q535.8 19.4 581.3 20.4Q626.8 21.4 645.3 24.4Q663.8 27.4 686.3 31.9Q708.8 36.4 733.8 44.4Q789.8 62.4 823.3 93.9Q856.8 125.4 867.3 165.4Q877.8 205.4 872.3 249.9Q866.8 294.4 845.8 344.4Q767.8 535.4 491.8 537.4Q472.8 538.4 447.3 537.9Q421.8 537.4 407.8 537.4Q393.8 537.4 375.8 537.9Q357.8 538.4 347.3 541.4Q336.8 544.4 326.3 550.4Q315.8 556.4 309.8 565.9Q303.8 575.4 300.8 589.4ZM921.8 281.4Q1012.8 339.4 981.8 480.4Q925.8 720.4 620.8 720.4Q617.8 720.4 610.8 720.4Q595.8 719.4 588.3 720.4Q580.8 721.4 571.3 724.9Q561.8 728.4 556.3 737.4Q550.8 746.4 546.8 762.4Q511.8 948.4 510.8 957.4Q508.8 966.4 502.3 973.9Q495.8 981.4 486.3 985.4Q476.8 989.4 466.8 989.4H305.8Q292.8 989.4 285.3 981.4Q277.8 973.4 279.8 961.4Q290.8 898.4 347.8 598.4Q350.8 578.4 375.8 578.4Q384.8 578.4 405.8 579.4Q437.8 578.4 473.3 579.4Q508.8 580.4 548.8 575.4Q588.8 570.4 628.3 563.4Q667.8 556.4 706.8 539.4Q745.8 522.4 779.8 499.9Q813.8 477.4 843.3 440.4Q872.8 403.4 891.8 356.4Q907.8 317.4 914.8 284.4Q915.8 278.4 921.8 281.4Z"></path></svg>

From the CDN

Link to the file instead of installing it: for <img>, CSS, emails and docs, with nothing added to your bundle. Served with CORS and cached for an hour.

https://icons.atmosphere.africa/svg/payments/paypal.svg

<img src="https://icons.atmosphere.africa/svg/payments/paypal.svg" alt="PayPal" width="160">

import { illustrationUrl } from '@ba-icons/illustrations';

illustrationUrl('payments/paypal');
// → https://icons.atmosphere.africa/svg/payments/paypal.svg

As an <img> it draws in black. To give it the text colour, use it as a mask:

.mark {
  background-color: currentColor;
  mask: url('https://icons.atmosphere.africa/svg/payments/paypal.svg') center / contain no-repeat;
}

New to the packages? Point your project at the registry first.