Paygate

File: paygate.svg
viewBox: 0 0 1008.8 1008.8
Weight: 3 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 paygate from '@ba-icons/illustrations/payments/paygate';

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

Vue

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

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

Astro

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

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1008.8 1008.8" fill="currentColor"><path d="M393.4 120.4 503.4 222.4 468.4 255.4Q432.4 288.4 412.4 307.4L391.4 327.4L348.4 287.4Q305.4 247.4 292.4 235.4L279.4 224.4V121.4Q279.4 19.4 281.4 19.4Q283.4 19.4 393.4 120.4ZM727.4 224.4 728.4 303.4Q729.4 361.4 728.4 373.4Q727.4 385.4 721.4 394.4Q675.4 465.4 459.4 678.4Q424.4 712.4 411.4 723.4Q398.4 734.4 392.4 734.4Q381.4 734.4 330.4 688.4L279.4 641.4V537.4V433.4L288.4 440.4Q298.4 447.4 306.9 456.4Q315.4 465.4 353.4 500.4Q357.4 503.4 364.4 510.4Q385.4 529.4 393.4 528.9Q401.4 528.4 426.4 504.4Q434.4 496.4 439.4 491.4Q501.4 433.4 691.4 258.4ZM517.4 806.4Q543.4 805.4 559.4 814.4Q573.4 821.4 573.4 823.9Q573.4 826.4 566.4 835.4Q561.4 842.4 558.9 842.9Q556.4 843.4 548.4 838.4Q537.4 831.4 519.4 831.4Q495.4 831.4 484.4 847.4Q473.4 863.4 473.4 898.4Q473.4 934.4 485.9 949.9Q498.4 965.4 526.4 963.4L544.4 962.4L545.4 938.4L546.4 915.4H531.4Q522.4 915.4 518.4 913.4Q514.4 911.4 512.9 906.9Q511.4 902.4 511.4 894.4Q511.4 886.4 544.4 886.4H577.4V930.4V975.4L567.4 980.4Q558.4 985.4 528.9 986.9Q499.4 988.4 487.4 984.4Q481.4 982.4 474.4 976.4Q467.4 970.4 460.9 962.4Q454.4 954.4 449.4 945.4Q444.4 936.4 442.4 929.4Q433.4 892.4 442.9 861.9Q452.4 831.4 478.4 815.4Q482.4 812.4 488.9 810.4Q495.4 808.4 502.9 807.4Q510.4 806.4 517.4 806.4ZM19.4 808.4H61.4Q102.4 808.4 116.4 816.4Q140.4 831.4 140.4 863.4Q140.4 880.4 132.4 892.9Q124.4 905.4 109.4 912.4Q94.4 919.4 74.4 919.4H50.4L49.4 953.4L48.4 987.4L34.4 988.4L19.4 989.4V898.4ZM300.4 808.4H319.4L338.4 847.4L357.4 886.4L376.4 847.4L395.4 808.4H413.4H431.4L401.4 860.4L372.4 912.4V950.4V989.4H357.4H341.4V952.4V916.4L317.4 871.4Q292.4 826.4 287.4 817.4Q283.4 810.4 284.9 809.4Q286.4 808.4 300.4 808.4ZM654.4 808.4H672.4H690.4L720.4 896.4Q750.4 984.4 750.4 986.9Q750.4 989.4 734.4 988.4Q722.4 987.4 719.4 984.4Q716.4 981.4 710.4 964.4L702.4 941.4L671.4 940.4L640.4 939.4L632.4 964.4L624.4 989.4H609.4Q599.4 989.4 596.9 987.9Q594.4 986.4 596.4 981.4Q598.4 974.4 626.4 891.4ZM736.4 808.4H800.4H863.4L862.4 820.4Q860.4 829.4 857.4 830.9Q854.4 832.4 836.4 832.4H812.4V909.4L811.4 987.4L796.4 988.4L781.4 989.4V911.4V832.4H759.4H736.4V820.4ZM882.4 808.4H934.4Q974.4 808.4 981.4 810.9Q988.4 813.4 983.4 826.4Q981.4 832.4 947.4 832.4H913.4V855.4V877.4L941.4 878.4L970.4 880.4L971.4 893.4L972.4 906.4H942.4H913.4V933.4V960.4H951.4H989.4V974.4V989.4H938.4Q886.4 989.4 884.4 986.4Q882.4 983.4 882.4 895.4ZM201.4 810.4H220.4H238.4L266.4 892.4Q296.4 982.4 294.4 987.4Q293.4 989.4 280.4 988.4L264.4 987.4L257.4 963.4L250.4 939.4H219.4H188.4L179.4 964.4L170.4 989.4H155.4H140.4L146.4 971.4Q152.4 954.4 176.4 882.4ZM50.4 832.4V863.4V894.4H68.4Q85.4 894.4 95.4 888.4Q114.4 877.4 106.4 851.4Q100.4 832.4 67.4 832.4ZM671.4 835.4 660.4 871.4Q650.4 907.4 650.4 911.4Q650.4 915.4 672.4 915.4Q689.4 915.4 691.9 913.9Q694.4 912.4 693.4 905.4Q690.4 896.4 681.4 866.4ZM218.4 838.4Q217.4 836.4 207.9 870.4Q198.4 904.4 197.4 909.4Q196.4 912.4 201.4 914.4Q206.4 915.4 218.4 915.4Q241.4 915.4 241.4 911.4Q241.4 908.4 230.9 873.9Q220.4 839.4 218.4 838.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/paygate.svg

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

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

illustrationUrl('payments/paygate');
// → https://icons.atmosphere.africa/svg/payments/paygate.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/paygate.svg') center / contain no-repeat;
}

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