credit card emoji
credit-card from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- credit-card
- Set
- Noto Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
credit-cardAkar Iconscredit-card-filledAnt Design Iconscredit-cardBootstrap Iconscredit-cardBoxIcons v2credit-cardBoxIcons v2 Solidcredit-cardCodiconscredit-cardEmoji One (Colored)credit-cardElement Pluscredit-card-fillEva Iconscredit-cardFont Awesome 6 Regularcredit-cardFont Awesome 6 Solidcredit-cardFont Awesome Regularcredit-cardFont Awesome Solidcredit-cardFeather Iconscredit-card-outlineFlowbite Iconscredit-cardFluent Emojicredit-cardFluent Emoji Flatcredit-cardFluent Emoji High Contrastcredit-cardcss.ggcredit-cardHealth Iconscredit-cardHeroIconscredit-cardHuge Iconscredit-cardHumbleiconscredit-cardIconoir
More objects icons from Noto Emoji
Use the credit card emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffc107" d="M116.34 101.95H11.67c-4.2 0-7.63-3.43-7.63-7.63V33.68c0-4.2 3.43-7.63 7.63-7.63h104.67c4.2 0 7.63 3.43 7.63 7.63v60.64c0 4.2-3.43 7.63-7.63 7.63"/><path fill="#424242" d="M4.03 38.88h119.95v16.07H4.03z"/><path fill="#fff" d="M114.2 74.14H13.87c-.98 0-1.79-.8-1.79-1.79v-8.41c0-.98.8-1.79 1.79-1.79H114.2c.98 0 1.79.8 1.79 1.79v8.41c-.01.98-.81 1.79-1.79 1.79"/><path fill="none" stroke="#424242" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M23.98 70.49c.56-1.08.71-2.34 1.21-3.45s1.59-2.14 2.79-1.95c1.11.18 1.8 1.29 2.21 2.33c.57 1.45.88 3 .92 4.56c.01.32-.01.67-.22.92c-.37.42-1.13.21-1.42-.27s-.22-1.09-.09-1.64c.62-2.55 2.62-4.72 5.11-5.54c.26-.09.53-.16.8-.11c.58.11.9.71 1.16 1.23c.61 1.19 1.35 2.32 2.2 3.35c.34.42.73.83 1.25.99c1.71.5 2.7-2.02 4.35-2.69c1.98-.8 3.91 1.29 6.01 1.68c3.07.57 4.7-1.82 7.39-2.43c.36-.08.75-.13 1.11-.03c.66.19 1.07.82 1.46 1.39c.91 1.34 2.21 2.66 3.83 2.67c1.03.01 1.98-.52 2.92-.97c3.33-1.59 7.26-2.25 10.74-1.03"/></svg>
React
import type { SVGProps } from "react";
export function NotoCreditCard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffc107" d="M116.34 101.95H11.67c-4.2 0-7.63-3.43-7.63-7.63V33.68c0-4.2 3.43-7.63 7.63-7.63h104.67c4.2 0 7.63 3.43 7.63 7.63v60.64c0 4.2-3.43 7.63-7.63 7.63"/><path fill="#424242" d="M4.03 38.88h119.95v16.07H4.03z"/><path fill="#fff" d="M114.2 74.14H13.87c-.98 0-1.79-.8-1.79-1.79v-8.41c0-.98.8-1.79 1.79-1.79H114.2c.98 0 1.79.8 1.79 1.79v8.41c-.01.98-.81 1.79-1.79 1.79"/><path fill="none" stroke="#424242" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M23.98 70.49c.56-1.08.71-2.34 1.21-3.45s1.59-2.14 2.79-1.95c1.11.18 1.8 1.29 2.21 2.33c.57 1.45.88 3 .92 4.56c.01.32-.01.67-.22.92c-.37.42-1.13.21-1.42-.27s-.22-1.09-.09-1.64c.62-2.55 2.62-4.72 5.11-5.54c.26-.09.53-.16.8-.11c.58.11.9.71 1.16 1.23c.61 1.19 1.35 2.32 2.2 3.35c.34.42.73.83 1.25.99c1.71.5 2.7-2.02 4.35-2.69c1.98-.8 3.91 1.29 6.01 1.68c3.07.57 4.7-1.82 7.39-2.43c.36-.08.75-.13 1.11-.03c.66.19 1.07.82 1.46 1.39c.91 1.34 2.21 2.66 3.83 2.67c1.03.01 1.98-.52 2.92-.97c3.33-1.59 7.26-2.25 10.74-1.03"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffc107" d="M116.34 101.95H11.67c-4.2 0-7.63-3.43-7.63-7.63V33.68c0-4.2 3.43-7.63 7.63-7.63h104.67c4.2 0 7.63 3.43 7.63 7.63v60.64c0 4.2-3.43 7.63-7.63 7.63"/><path fill="#424242" d="M4.03 38.88h119.95v16.07H4.03z"/><path fill="#fff" d="M114.2 74.14H13.87c-.98 0-1.79-.8-1.79-1.79v-8.41c0-.98.8-1.79 1.79-1.79H114.2c.98 0 1.79.8 1.79 1.79v8.41c-.01.98-.81 1.79-1.79 1.79"/><path fill="none" stroke="#424242" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M23.98 70.49c.56-1.08.71-2.34 1.21-3.45s1.59-2.14 2.79-1.95c1.11.18 1.8 1.29 2.21 2.33c.57 1.45.88 3 .92 4.56c.01.32-.01.67-.22.92c-.37.42-1.13.21-1.42-.27s-.22-1.09-.09-1.64c.62-2.55 2.62-4.72 5.11-5.54c.26-.09.53-.16.8-.11c.58.11.9.71 1.16 1.23c.61 1.19 1.35 2.32 2.2 3.35c.34.42.73.83 1.25.99c1.71.5 2.7-2.02 4.35-2.69c1.98-.8 3.91 1.29 6.01 1.68c3.07.57 4.7-1.82 7.39-2.43c.36-.08.75-.13 1.11-.03c.66.19 1.07.82 1.46 1.39c.91 1.34 2.21 2.66 3.83 2.67c1.03.01 1.98-.52 2.92-.97c3.33-1.59 7.26-2.25 10.74-1.03"/></svg> </template>
CSS
.icon-credit-card {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffc107%22%20d%3D%22M116.34%20101.95H11.67c-4.2%200-7.63-3.43-7.63-7.63V33.68c0-4.2%203.43-7.63%207.63-7.63h104.67c4.2%200%207.63%203.43%207.63%207.63v60.64c0%204.2-3.43%207.63-7.63%207.63%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M4.03%2038.88h119.95v16.07H4.03z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M114.2%2074.14H13.87c-.98%200-1.79-.8-1.79-1.79v-8.41c0-.98.8-1.79%201.79-1.79H114.2c.98%200%201.79.8%201.79%201.79v8.41c-.01.98-.81%201.79-1.79%201.79%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23424242%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M23.98%2070.49c.56-1.08.71-2.34%201.21-3.45s1.59-2.14%202.79-1.95c1.11.18%201.8%201.29%202.21%202.33c.57%201.45.88%203%20.92%204.56c.01.32-.01.67-.22.92c-.37.42-1.13.21-1.42-.27s-.22-1.09-.09-1.64c.62-2.55%202.62-4.72%205.11-5.54c.26-.09.53-.16.8-.11c.58.11.9.71%201.16%201.23c.61%201.19%201.35%202.32%202.2%203.35c.34.42.73.83%201.25.99c1.71.5%202.7-2.02%204.35-2.69c1.98-.8%203.91%201.29%206.01%201.68c3.07.57%204.7-1.82%207.39-2.43c.36-.08.75-.13%201.11-.03c.66.19%201.07.82%201.46%201.39c.91%201.34%202.21%202.66%203.83%202.67c1.03.01%201.98-.52%202.92-.97c3.33-1.59%207.26-2.25%2010.74-1.03%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffc107%22%20d%3D%22M116.34%20101.95H11.67c-4.2%200-7.63-3.43-7.63-7.63V33.68c0-4.2%203.43-7.63%207.63-7.63h104.67c4.2%200%207.63%203.43%207.63%207.63v60.64c0%204.2-3.43%207.63-7.63%207.63%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M4.03%2038.88h119.95v16.07H4.03z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M114.2%2074.14H13.87c-.98%200-1.79-.8-1.79-1.79v-8.41c0-.98.8-1.79%201.79-1.79H114.2c.98%200%201.79.8%201.79%201.79v8.41c-.01.98-.81%201.79-1.79%201.79%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23424242%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M23.98%2070.49c.56-1.08.71-2.34%201.21-3.45s1.59-2.14%202.79-1.95c1.11.18%201.8%201.29%202.21%202.33c.57%201.45.88%203%20.92%204.56c.01.32-.01.67-.22.92c-.37.42-1.13.21-1.42-.27s-.22-1.09-.09-1.64c.62-2.55%202.62-4.72%205.11-5.54c.26-.09.53-.16.8-.11c.58.11.9.71%201.16%201.23c.61%201.19%201.35%202.32%202.2%203.35c.34.42.73.83%201.25.99c1.71.5%202.7-2.02%204.35-2.69c1.98-.8%203.91%201.29%206.01%201.68c3.07.57%204.7-1.82%207.39-2.43c.36-.08.75-.13%201.11-.03c.66.19%201.07.82%201.46%201.39c.91%201.34%202.21%202.66%203.83%202.67c1.03.01%201.98-.52%202.92-.97c3.33-1.59%207.26-2.25%2010.74-1.03%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/credit-card.svg?color=%231a73e8&size=48
