ICONYZ
English
Cc Mastercard icon from Font Awesome 4

Cc Mastercard icon

fa:cc-mastercard

The Cc Mastercard icon (fa:cc-mastercard) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 2304 × 1536 grid. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Font Awesome 4
Author
Dave Gandy
License
OFL-1.1
Size
2304 × 1536
Tags
ccmastercard
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2304" height="1536" viewBox="0 0 2304 1536"><path fill="currentColor" d="M1119 213q-128-85-281-85q-103 0-197.5 40.5T478 277T369.5 439T329 636q0 104 40.5 198T478 996t162 108.5t198 40.5q153 0 281-85q-131-107-178-265.5t.5-316.5T1119 213m33 24q-126 99-172 249.5t-.5 300.5t172.5 249q127-99 172.5-249t-.5-300.5T1152 237m33-24q130 107 177.5 265.5t.5 317t-178 264.5q128 85 281 85q104 0 198-40.5T1826 996t108.5-162t40.5-198q0-103-40.5-197T1826 277t-162.5-108.5T1466 128q-153 0-281 85m741 722h7v-3h-17v3h7v17h3zm29 17h4v-20h-5l-6 13l-6-13h-5v20h3v-15l6 13h4l5-13zm-8 440v2h-5v-3h5zm0 9h3l-4-5h2l1-1q1-1 1-3t-1-3l-1-1h-9v13h3v-5h1zm-1262-68q0-19 11-31t30-12q18 0 29 12.5t11 30.5q0 19-11 31t-29 12q-19 0-30-12t-11-31m473-44q30 0 35 32h-70q5-32 35-32m356 44q0-19 11-31t29-12t29.5 12.5t11.5 30.5q0 19-11 31t-30 12q-18 0-29-12t-11-31m272 0q0-18 11.5-30.5t29.5-12.5t29.5 12.5t11.5 30.5q0 19-11.5 31t-29.5 12t-29.5-12.5t-11.5-30.5m158 72q-2 0-4-1q-1 0-3-2t-2-3q-1-2-1-4q0-3 1-4q0-2 2-4l1-1q2 0 2-1q2-1 4-1q3 0 4 1l4 2l2 4v1q1 2 1 3l-1 1v3l-1 1l-1 2q-2 2-4 2q-1 1-4 1m-1345-4h30v-85q0-24-14.5-38.5T575 1262q-32 0-47 24q-14-24-45-24q-24 0-39 20v-16h-30v135h30v-75q0-36 33-36q30 0 30 36v75h29v-75q0-36 33-36q30 0 30 36zm166 0h29v-135h-29v16q-17-20-43-20q-29 0-48 20t-19 51t19 51t48 20q28 0 43-20zm178-41q0-34-47-40l-14-2q-23-4-23-14q0-15 25-15q23 0 43 11l12-24q-22-14-55-14q-26 0-41 12t-15 32q0 33 47 39l13 2q24 4 24 14q0 17-31 17q-25 0-45-14l-13 23q25 17 58 17q29 0 45.5-12t16.5-32m130 34l-8-25q-13 7-26 7q-19 0-19-22v-61h48v-27h-48v-41h-30v41h-28v27h28v61q0 50 47 50q21 0 36-10m86-132q-29 0-48 20t-19 51q0 32 19.5 51.5t49.5 19.5q33 0 55-19l-14-22q-18 15-39 15q-34 0-41-33h101v-12q0-32-18-51.5t-46-19.5m159 0q-23 0-35 20v-16h-30v135h30v-76q0-35 29-35q10 0 18 4l9-28q-9-4-21-4m30 71q0 31 19.5 51t52.5 20q29 0 48-16l-14-24q-18 13-35 12q-18 0-29.5-12t-11.5-31t11.5-31t29.5-12q19 0 35 12l14-24q-20-16-48-16q-33 0-52.5 20t-19.5 51m245 68h30v-135h-30v16q-15-20-42-20q-29 0-48.5 20t-19.5 51t19.5 51t48.5 20q28 0 42-20zm133-139q-23 0-35 20v-16h-29v135h29v-76q0-35 29-35q10 0 18 4l9-28q-8-4-21-4m140 139h29v-190h-29v71q-15-20-43-20t-47.5 20.5t-19.5 50.5t19.5 50.5t47.5 20.5q29 0 43-20zm78-20l-2 1h-3q-2 1-4 3q-3 1-3 4q-1 2-1 6q0 3 1 5q0 2 3 4q2 2 4 3t5 1q4 0 6-1q0-1 2-2l2-1q1-1 3-4q1-2 1-5q0-4-1-6q-1-1-3-4q0-1-2-2l-2-1q-1 0-3-.5t-3-.5m360-1253v1280q0 52-38 90t-90 38H128q-52 0-90-38t-38-90V128q0-52 38-90t90-38h2048q52 0 90 38t38 90"/></svg>

How to use the Cc Mastercard icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa:cc-mastercard" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa:cc-mastercard" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa:cc-mastercard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--cc-mastercard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:cc-mastercard"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa:cc-mastercard"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/cc-mastercard.svg" alt="Cc Mastercard icon" width="24" height="24">

Related icons in Font Awesome 4

cc icon
cc
 cc-amex icon
cc-amex
 cc-diners-club icon
cc-diners-club
 cc-discover icon
cc-discover
 cc-jcb icon
cc-jcb
 cc-paypal icon
cc-paypal
 cc-stripe icon
cc-stripe
 cc-visa icon
cc-visa

Cc Mastercard icon in other icon sets

Cc Mastercard icon from CoreUI Brands
CoreUI Brands
 Cc Mastercard icon from Font Awesome 5 Brands
Font Awesome 5 Brands
 Cc Mastercard icon from Font Awesome 6 Brands
Font Awesome 6 Brands
 Cc Mastercard icon from Font Awesome Brands
Font Awesome Brands
 Cc Mastercard icon from Line Awesome
Line Awesome

Cc Mastercard icon FAQ

Is the Cc Mastercard icon free for commercial use?

Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Cc Mastercard icon in React?

Install @iconify/react and render <Icon icon="fa:cc-mastercard" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Cc Mastercard icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/cc-mastercard.svg" alt="Cc Mastercard icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 4 icons →