cc jcb logo

cc-jcb from Font Awesome 6 Brands by Dave Gandy · Regular · Payments & Shopping · CC-BY-4.0 Attribution required.

Name
cc-jcb
Set
Font Awesome 6 Brands
Style
Regular
Category
Payments & Shopping
Viewbox
576×512
License
CC BY 4.0

The same logo in other sets

cc-jcbCoreUI Brandscc-jcbFont Awesome Brandscc-jcbLine Awesome

More payments & shopping icons from Font Awesome 6 Brands

alipayamazon-payapple-paycc-amazon-paycc-amexcc-apple-paycc-diners-clubcc-discovercc-mastercardcc-paypalcc-stripecc-visagoogle-paygoogle-walletpaypalstripestripe-s

Use the cc jcb logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M431.5 244.3V212c41.2 0 38.5.2 38.5.2c7.3 1.3 13.3 7.3 13.3 16c0 8.8-6 14.5-13.3 15.8c-1.2.4-3.3.3-38.5.3m42.8 20.2c-2.8-.7-3.3-.5-42.8-.5v35c39.6 0 40 .2 42.8-.5c7.5-1.5 13.5-8 13.5-17c0-8.7-6-15.5-13.5-17M576 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48M182 192.3h-57c0 67.1 10.7 109.7-35.8 109.7c-19.5 0-38.8-5.7-57.2-14.8v28c30 8.3 68 8.3 68 8.3c97.9 0 82-47.7 82-131.2m178.5 4.5c-63.4-16-165-14.9-165 59.3c0 77.1 108.2 73.6 165 59.2V287C312.9 311.7 253 309 253 256s59.8-55.6 107.5-31.2zM544 286.5c0-18.5-16.5-30.5-38-32v-.8c19.5-2.7 30.3-15.5 30.3-30.2c0-19-15.7-30-37-31c0 0 6.3-.3-120.3-.3v127.5h122.7c24.3.1 42.3-12.9 42.3-33.2"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsCcJcb(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M431.5 244.3V212c41.2 0 38.5.2 38.5.2c7.3 1.3 13.3 7.3 13.3 16c0 8.8-6 14.5-13.3 15.8c-1.2.4-3.3.3-38.5.3m42.8 20.2c-2.8-.7-3.3-.5-42.8-.5v35c39.6 0 40 .2 42.8-.5c7.5-1.5 13.5-8 13.5-17c0-8.7-6-15.5-13.5-17M576 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48M182 192.3h-57c0 67.1 10.7 109.7-35.8 109.7c-19.5 0-38.8-5.7-57.2-14.8v28c30 8.3 68 8.3 68 8.3c97.9 0 82-47.7 82-131.2m178.5 4.5c-63.4-16-165-14.9-165 59.3c0 77.1 108.2 73.6 165 59.2V287C312.9 311.7 253 309 253 256s59.8-55.6 107.5-31.2zM544 286.5c0-18.5-16.5-30.5-38-32v-.8c19.5-2.7 30.3-15.5 30.3-30.2c0-19-15.7-30-37-31c0 0 6.3-.3-120.3-.3v127.5h122.7c24.3.1 42.3-12.9 42.3-33.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M431.5 244.3V212c41.2 0 38.5.2 38.5.2c7.3 1.3 13.3 7.3 13.3 16c0 8.8-6 14.5-13.3 15.8c-1.2.4-3.3.3-38.5.3m42.8 20.2c-2.8-.7-3.3-.5-42.8-.5v35c39.6 0 40 .2 42.8-.5c7.5-1.5 13.5-8 13.5-17c0-8.7-6-15.5-13.5-17M576 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48M182 192.3h-57c0 67.1 10.7 109.7-35.8 109.7c-19.5 0-38.8-5.7-57.2-14.8v28c30 8.3 68 8.3 68 8.3c97.9 0 82-47.7 82-131.2m178.5 4.5c-63.4-16-165-14.9-165 59.3c0 77.1 108.2 73.6 165 59.2V287C312.9 311.7 253 309 253 256s59.8-55.6 107.5-31.2zM544 286.5c0-18.5-16.5-30.5-38-32v-.8c19.5-2.7 30.3-15.5 30.3-30.2c0-19-15.7-30-37-31c0 0 6.3-.3-120.3-.3v127.5h122.7c24.3.1 42.3-12.9 42.3-33.2"/></svg>
</template>

CSS

.icon-cc-jcb {
  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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M431.5%20244.3V212c41.2%200%2038.5.2%2038.5.2c7.3%201.3%2013.3%207.3%2013.3%2016c0%208.8-6%2014.5-13.3%2015.8c-1.2.4-3.3.3-38.5.3m42.8%2020.2c-2.8-.7-3.3-.5-42.8-.5v35c39.6%200%2040%20.2%2042.8-.5c7.5-1.5%2013.5-8%2013.5-17c0-8.7-6-15.5-13.5-17M576%2080v352c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V80c0-26.5%2021.5-48%2048-48h480c26.5%200%2048%2021.5%2048%2048M182%20192.3h-57c0%2067.1%2010.7%20109.7-35.8%20109.7c-19.5%200-38.8-5.7-57.2-14.8v28c30%208.3%2068%208.3%2068%208.3c97.9%200%2082-47.7%2082-131.2m178.5%204.5c-63.4-16-165-14.9-165%2059.3c0%2077.1%20108.2%2073.6%20165%2059.2V287C312.9%20311.7%20253%20309%20253%20256s59.8-55.6%20107.5-31.2zM544%20286.5c0-18.5-16.5-30.5-38-32v-.8c19.5-2.7%2030.3-15.5%2030.3-30.2c0-19-15.7-30-37-31c0%200%206.3-.3-120.3-.3v127.5h122.7c24.3.1%2042.3-12.9%2042.3-33.2%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M431.5%20244.3V212c41.2%200%2038.5.2%2038.5.2c7.3%201.3%2013.3%207.3%2013.3%2016c0%208.8-6%2014.5-13.3%2015.8c-1.2.4-3.3.3-38.5.3m42.8%2020.2c-2.8-.7-3.3-.5-42.8-.5v35c39.6%200%2040%20.2%2042.8-.5c7.5-1.5%2013.5-8%2013.5-17c0-8.7-6-15.5-13.5-17M576%2080v352c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V80c0-26.5%2021.5-48%2048-48h480c26.5%200%2048%2021.5%2048%2048M182%20192.3h-57c0%2067.1%2010.7%20109.7-35.8%20109.7c-19.5%200-38.8-5.7-57.2-14.8v28c30%208.3%2068%208.3%2068%208.3c97.9%200%2082-47.7%2082-131.2m178.5%204.5c-63.4-16-165-14.9-165%2059.3c0%2077.1%20108.2%2073.6%20165%2059.2V287C312.9%20311.7%20253%20309%20253%20256s59.8-55.6%20107.5-31.2zM544%20286.5c0-18.5-16.5-30.5-38-32v-.8c19.5-2.7%2030.3-15.5%2030.3-30.2c0-19-15.7-30-37-31c0%200%206.3-.3-120.3-.3v127.5h122.7c24.3.1%2042.3-12.9%2042.3-33.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/cc-jcb.svg?color=%231a73e8&size=48