Mastercard icon
brandico:mastercard
The Mastercard icon (brandico:mastercard) is a free SVG icon from the Brandico set by Fontello. It is drawn on a 1000 × 1000 grid. Brandico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Brandico
- Author
- Fontello
- License
- CC-BY-SA-3.0
- Size
- 1000 × 1000
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="currentColor" d="M46.531 195C20.841 195 0 215.83 0 241.531V776.47C0 802.166 20.844 823 46.531 823H953.47c25.69 0 46.531-20.83 46.531-46.531V241.53c0-25.697-20.844-46.531-46.531-46.531H46.53zm281.375 75.594c57.081 0 109.505 19.859 150.656 53.031c-34.622 30.979-60.446 71.68-73.187 117.813h19.969c11.76-38.058 33.123-71.942 61.281-98.813c28.158 26.871 49.52 60.755 61.281 98.813h20.282c-12.918-45.89-38.778-86.348-73.375-117.125c41.23-33.593 93.86-53.72 151.187-53.72c132.291 0 239.531 107.252 239.531 239.563S778.291 749.719 646 749.719c-58.28 0-111.72-20.802-153.25-55.407c37.15-32.32 64.538-75.647 77.063-124.937H550.28c-11.121 41.37-33.505 78.165-63.656 106.938c-30.15-28.773-52.503-65.568-63.625-106.938h-18.594c12.598 48.576 39.628 91.297 76.219 123.313c-41.454 34.176-94.684 54.718-152.719 54.718c-132.29 0-239.53-106.736-239.53-238.406s107.24-238.406 239.531-238.406M628.031 439c-28.781 0-56.781 25.162-56.781 72.406c0 31.328 15.124 52 44.875 52c8.412.003 21.813-3.437 21.813-3.437l4.437-27.375s-12.23 6.187-20.625 6.187c-17.685 0-24.781-13.601-24.781-28.218c0-29.653 15.216-45.97 32.156-45.97c12.703 0 22.906 7.188 22.906 7.188l4.063-26.625S640.99 439 628.03 439zM870 441.313l-25.031.062l-5.375 32.938s-9.41-12.782-24.125-12.782c-22.88 0-41.938 27.18-41.938 58.438c0 20.177 10.143 39.968 30.938 39.968c14.958 0 23.25-10.28 23.25-10.28l-1.094 8.78h24.313zm-716.938.343l-19.937 117.406h24.031l15.188-88.53l2.25 88.53h17.187l32.063-88.53l-14.219 88.53h25.531l19.688-117.406h-39.5l-24.594 72.031l-1.281-72.03h-36.406zm251.063 7.625c-.543.545-14.531 81.207-14.531 91.031c0 14.546 8.153 21.043 19.625 20.938c8.22-.07 14.586-2.135 17.531-3c.308-.083.906-.25.906-.25l3.094-21c-1.682 0-4.16.719-6.344.719c-8.565 0-9.514-4.557-8.969-7.938l6.907-42.843h13.031l3.156-23.22H426.25l2.5-14.437zm290.469 11.813c-16.773 0-29.625 5.531-29.625 5.531l-3.563 21.563s10.615-4.407 26.657-4.407c9.108 0 15.78 1.042 15.78 8.625c0 4.606-.812 6.313-.812 6.313s-7.202-.625-10.531-.625c-21.152 0-43.375 9.27-43.375 37.156c0 21.972 14.589 27 23.625 27c17.258 0 24.7-11.465 25.094-11.5l-.813 9.563h21.532l9.625-69c.003-29.278-24.934-30.22-33.594-30.22zm-403.907.125c-16.834 0-29.75 5.531-29.75 5.531l-3.562 21.563s10.65-4.407 26.75-4.407c9.142 0 15.844 1.046 15.844 8.625c0 4.604-.813 6.313-.813 6.313s-7.223-.625-10.562-.625c-21.233 0-43.531 9.255-43.531 37.125c0 21.96 14.618 27 23.687 27c17.321 0 24.79-11.466 25.188-11.5l-.813 9.562h21.625l9.656-68.968c0-29.261-25.027-30.22-33.719-30.22zm76.375 0c-18.077 0-36.437 7.297-36.437 32.219c0 28.238 30.594 25.385 30.594 37.28c0 7.94-8.538 8.595-15.125 8.595c-11.4 0-21.651-3.939-21.688-3.75l-3.281 21.562c.59.183 6.938 3.031 27.438 3.031c5.504 0 36.968 1.398 36.968-31.375c0-30.639-29.125-24.566-29.125-36.875c0-6.128 4.729-8.062 13.406-8.062c3.446 0 16.72 1.094 16.72 1.094l3.062-21.782c0 .003-8.565-1.937-22.531-1.937zm113 0c-25.12.005-43.718 27.017-43.718 57.531c0 35.219 23.302 43.594 43.156 43.594c18.326 0 26.406-4.094 26.406-4.094l4.375-24.031s-13.941 6.125-26.531 6.125c-26.826 0-22.125-19.969-22.125-19.969h50.781s3.282-16.138 3.282-22.719c0-16.42-8.195-36.437-35.625-36.437zm90.97 1.031c-11.317 0-19.72 15.219-19.72 15.219l2.25-13.969h-23.5l-15.78 96.438h25.968c7.355-41.182 8.698-74.621 26.25-68.5c3.072-15.94 6.053-22.098 9.406-28.844c0 0-1.575-.344-4.875-.344zm210.405 0c-11.316 0-19.718 15.219-19.718 15.219l2.25-13.969h-23.5l-15.782 96.438h25.938c7.358-41.182 8.735-74.621 26.281-68.5c3.078-15.94 6.056-22.098 9.407-28.844c0 0-1.576-.344-4.875-.344zm-301.5 20.719c14.267 0 11.657 16.104 11.657 17.406H463.5c0-1.662 2.658-17.406 16.438-17.406zm339.47 1.875c9.08-.003 13.75 6.131 13.75 20.562c0 13.094-6.604 30.594-20.282 30.594c-9.078 0-13.344-7.497-13.344-19.25c0-19.218 8.792-31.906 19.875-31.906zm-124.782 32.812c3.704.005 4.47.365 5.094.532c-.09-.015-.107.002.25.062c.469 4.295-2.595 24.438-17.407 24.438c-7.637 0-9.593-6.073-9.593-9.657c0-6.988 3.638-15.375 21.656-15.375m-403.906.094c4.207.005 4.666.475 5.375.594c.47 4.293-2.606 24.406-17.469 24.406c-7.667 0-9.656-6.044-9.656-9.625c0-6.984 3.66-15.375 21.75-15.375"/></svg>How to use the Mastercard icon
React
import { Icon } from "@iconify/react";
<Icon icon="brandico:mastercard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="brandico:mastercard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="brandico:mastercard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[brandico--mastercard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/brandico -->
<div class="i-brandico:mastercard"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="brandico:mastercard"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/brandico/mastercard.svg" alt="Mastercard icon" width="24" height="24">Mastercard icon in other icon sets
Mastercard icon FAQ
Is the Mastercard icon free for commercial use?
Yes. Brandico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Mastercard icon in React?
Install @iconify/react and render <Icon icon="brandico:mastercard" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mastercard icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/brandico/mastercard.svg" alt="Mastercard icon">, or paste the SVG code inline to style it with CSS.