Mastercard Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Mastercard icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/306064.svg" alt="Mastercard icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306064.svg" alt="Mastercard icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306064.svg" alt="Mastercard icon" :width="24" :height="24" />
CSS background
.icon-mastercard {
background-image: url('https://proicons.com/icon/306064.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M904 282c-119-110-290-95-386-11 39 38 67 83 84 137h-18c-5 0-7-2-9-6-9-20-17-40-28-59-12-21-28-40-47-57-7 6-13 13-19 20-25 28-44 60-56 96-1 2-3 5-5 6h-21c16-53 44-98 83-137-110-92-285-93-398 23-114 117-112 304 6 419 115 111 286 105 391 16-38-39-66-84-82-137h16c6-1 8 2 10 7 10 21 20 43 32 64 11 19 26 36 43 52 9-10 18-19 26-29 22-27 39-56 50-89 1-2 3-5 5-5h21c-17 54-45 99-84 137 106 91 285 95 400-25 114-119 109-309-14-422zM134 569c3-14 6-28 8-42 3-14 5-27 7-42-2 3-4 7-5 10-11 23-21 46-31 69-2 4-4 6-8 5H82c-3-30-5-59-8-89h-1c-5 29-11 59-17 89H26c8-44 17-87 25-131h48c2 25 4 50 6 77 2-3 3-4 3-6 10-22 20-43 30-65 2-5 4-7 10-7 14 1 27 0 42 0-8 45-16 88-25 132h-31zm103-2c-12 1-23 3-34 2-17-2-27-18-23-35 5-21 21-34 46-35 5-1 11 0 16-1 3 0 7-2 7-3-1-3-2-7-4-9s-6-2-10-2c-13 0-27 1-41 2 1-7 2-13 3-19 1-2 3-5 5-5 17-1 34-3 52-1 20 2 28 17 27 41 0 1-1 3-1 5-4 20-8 41-13 63-10-3-22 4-30-3zm111-7c-4 4-10 7-16 8-18 3-36 2-55-2 2-8 3-15 4-21 13 0 25 0 38 1 4 0 9-1 10-7 1-5-2-8-6-11-8-3-15-7-22-11-7-3-11-10-12-18-1-21 7-33 28-38 16-4 32-4 48 2-2 8-4 15-6 21h-23c-5 0-11-1-13 6-1 6 4 9 9 11 5 3 10 5 14 8 19 12 20 38 2 51zm57-17h9c-1 6-1 12-2 19-1 2-3 5-5 5-8 1-17 3-25 2-12-2-20-15-17-30l18-90c3-17 4-17 21-17h12c-2 10-3 19-5 28 5 1 10 1 15 1 0 3-1 6-1 9-4 14-4 14-19 16-3 15-6 31-9 47-1 6 3 9 8 10zm103 19c-1 2-3 4-5 4-17 4-35 6-52 1-18-5-28-18-31-37-4-22 7-51 25-62 17-11 36-11 55-4 12 5 17 16 18 28v29h-66c-5 12 3 23 17 23 13 0 26-1 39-1 1 0 2-1 4-1-2 7-3 14-4 20zm74-72c-11 0-18 6-21 16-5 14-7 28-11 42v4c-4 17-4 17-21 17h-13c7-35 13-69 19-103 1-2 4-4 6-5 3-1 6 0 9 0 7 0 15-3 14 10 9-7 18-11 29-10-2 9-4 17-7 25 0 2-2 4-4 4zm41 31c4 14 20 21 38 17 2-1 5-1 8-2 3 9 5 17 9 27-21 8-41 10-61 1-19-9-28-26-29-46-1-34 10-62 41-80 23-13 53-9 69 8 0 1 1 2 2 4-5 5-11 11-17 16-2 1-4 1-6 0-16-6-31-4-43 8-13 13-16 29-11 47zm117 46c-11 1-22 3-32 2-19-2-29-18-24-36 5-21 22-33 46-34 7-1 14-1 21-1 3-9 0-14-8-14-13 0-26 1-39 2-2 0-4 0-7 1 2-8 3-15 4-21 0-2 3-4 4-4 16-1 32-3 47-2 24 2 35 15 32 39-2 23-8 47-13 71-11-3-22 3-31-3zm87-62c-4 14-7 28-10 42-2 6-2 12-4 18 0 2-3 4-5 4-8 1-16 0-26 0 7-36 14-72 21-109 7 0 16 0 23 1 3 0 4 5 6 8 8-6 17-10 28-8-3 8-5 16-7 25-1 1-3 2-4 2-12 1-19 8-22 17zm91 64c-3 0-5-4-8-7-3 1-7 3-10 5-18 6-31 1-41-15-7-11-9-24-7-37 2-15 8-29 17-41 13-16 34-17 50-13 5 1 10 6 15 10 3-14 5-27 8-40h31c-8 46-17 92-25 138-10 0-20 1-30 0zm-18-81c-11 8-18 25-16 37 4 14 18 19 29 9 8-7 12-17 12-30v-4c-2-14-13-19-25-12zm-688 41c-5 9-2 16 9 17s22-5 22-25c-13-4-25-1-31 8zm504 0c-2 3-3 9-1 12 1 2 6 4 9 5 12 1 22-4 23-25-11-5-25-2-31 8zm-227-28c2-13-1-19-10-20-13-2-23 5-26 20h36z"/></svg>
More from IcoFont
View all
Mastercard in other icon packs
Copied!