cc jcb logo

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

Name: cc-jcb
Set: Font Awesome Brands
Style: Brand
Category: Payments & Shopping
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

cc-jcbCoreUI Brands cc-jcbFont Awesome 6 Brands cc-jcbLine Awesome

More payments & shopping icons from Font Awesome Brands

alipay amazon-pay apple-pay cc-amazon-pay cc-amex cc-apple-pay cc-diners-club cc-discover cc-mastercard cc-paypal cc-stripe cc-visa google-pay google-wallet paypal stripe stripe-s

Use the cc jcb logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M463.5 308.3V276c41.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-17M608 144v352c0 26.5-21.5 48-48 48H80c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48M214 256.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.2V351C344.9 375.7 285 373 285 320s59.8-55.6 107.5-31.2zM576 350.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 Fa7BrandsCcJcb(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M463.5 308.3V276c41.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-17M608 144v352c0 26.5-21.5 48-48 48H80c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48M214 256.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.2V351C344.9 375.7 285 373 285 320s59.8-55.6 107.5-31.2zM576 350.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 640 640"><path fill="currentColor" d="M463.5 308.3V276c41.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-17M608 144v352c0 26.5-21.5 48-48 48H80c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48M214 256.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.2V351C344.9 375.7 285 373 285 320s59.8-55.6 107.5-31.2zM576 350.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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M463.5%20308.3V276c41.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-17M608%20144v352c0%2026.5-21.5%2048-48%2048H80c-26.5%200-48-21.5-48-48V144c0-26.5%2021.5-48%2048-48h480c26.5%200%2048%2021.5%2048%2048M214%20256.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.2V351C344.9%20375.7%20285%20373%20285%20320s59.8-55.6%20107.5-31.2zM576%20350.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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M463.5%20308.3V276c41.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-17M608%20144v352c0%2026.5-21.5%2048-48%2048H80c-26.5%200-48-21.5-48-48V144c0-26.5%2021.5-48%2048-48h480c26.5%200%2048%2021.5%2048%2048M214%20256.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.2V351C344.9%20375.7%20285%20373%20285%20320s59.8-55.6%20107.5-31.2zM576%20350.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/fa7-brands/cc-jcb.svg?color=%231a73e8&size=48