credit card emoji
credit-card from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- credit-card
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
credit-cardAkar Iconscredit-card-filledAnt Design Iconscredit-cardBootstrap Iconscredit-cardBoxIcons v2credit-cardBoxIcons v2 Solidcredit-cardCodiconscredit-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-cardIconoircredit-cardJam Icons
More objects icons from Emoji One (Colored)
Use the credit card emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#afcddb" d="M62.5 22.3c1.7 1.7 2 4.2.8 5.7L33.7 62.4c-1.8 2.1-4.9 2.1-7 .1L1.5 37.3c-2-2-2-5.2.1-7L35.9.8c1.5-1.3 4-.9 5.7.8z"/><path fill="#333" d="M50.8 10.7L12.6 48.4l-8.9-8.9L43.5 3.4z"/><path fill="#fff" d="M49.4 18.3L22.6 45.8l7.2 7.2l25.9-28.4z"/><g fill="#4f5b60"><path d="M34.1 43.3c-1.5-1.4-.6-4-.1-5.4c.9-2.2 1.8 2 1.8 2.7c.2 2.1-.1 4.3-.6 6.4c-.3 1.2-.7 2.3-1.3 3.4c-.3.7-.8 1.3-1.4 1.7c-1.5.9-2.4 0-2.7-2.5c.2-.8.5-1.5 1.1-2.1c1.9-2.4 4.9-3.5 7.1-5.4c.2-.2-.1-.5-.3-.3c-2.6 2.2-8 4-8.3 8.3c-.2 2.8 2.7 3.5 4.2 1.9c2-2.1 2.5-5.8 2.7-8.6c.1-1.6.5-6.2-1.9-6.7c-.1 0-.2 0-.2.1c-1 1.7-2.3 5.2-.3 7c.1.1.4-.3.2-.5"/><path d="M37.4 41.7c2.1 1.2 2.7-3.5 2.4-4.8c0-.2-.3-.2-.4-.1c-1.1.9-1.3 3.3-.4 4.7c.1.2.3.2.4 0c.7-1.3 1.1-2.6 1.6-4c.2-.6.7-.4 1.1-.8l2.4-2.4c1-1 1.3-2.4 2.2-3.4c1.2-1.3 2.3-1.9 2.9-3.7c.1-.4.1-1.4-.6-1.4c-1.4-.1-2.6 2.8-.7 2.5c2.2-.3 4.2-2.9 5.6-4.3c.2-.2-.1-.5-.3-.3c-.7.7-1.5 1.4-2.2 2c-.6.5-1.2 1-1.9 1.5c-.3.2-2.9 1.4-1.3-.5c.3.2.6.4.9.7c-.1.2-.2.5-.3.7c-.2.4-.5.8-.8 1.2c-.5.7-1.4 1.1-2 1.8c-.8.9-1.1 2.1-1.9 3c-.4.4-2.3 2.9-3 2.6c-.1 0-.2 0-.2.1c-.2.7-.4 1.3-.7 2c-.1.2-1 2.1-1 2.2c-.4-1-.3-2.2.1-3.1c.3.5.3 1.1.1 1.6q-.3 1.8-1.8 2.1c-.3-.5-.5-.1-.2.1"/></g></svg>
React
import type { SVGProps } from "react";
export function EmojioneCreditCard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#afcddb" d="M62.5 22.3c1.7 1.7 2 4.2.8 5.7L33.7 62.4c-1.8 2.1-4.9 2.1-7 .1L1.5 37.3c-2-2-2-5.2.1-7L35.9.8c1.5-1.3 4-.9 5.7.8z"/><path fill="#333" d="M50.8 10.7L12.6 48.4l-8.9-8.9L43.5 3.4z"/><path fill="#fff" d="M49.4 18.3L22.6 45.8l7.2 7.2l25.9-28.4z"/><g fill="#4f5b60"><path d="M34.1 43.3c-1.5-1.4-.6-4-.1-5.4c.9-2.2 1.8 2 1.8 2.7c.2 2.1-.1 4.3-.6 6.4c-.3 1.2-.7 2.3-1.3 3.4c-.3.7-.8 1.3-1.4 1.7c-1.5.9-2.4 0-2.7-2.5c.2-.8.5-1.5 1.1-2.1c1.9-2.4 4.9-3.5 7.1-5.4c.2-.2-.1-.5-.3-.3c-2.6 2.2-8 4-8.3 8.3c-.2 2.8 2.7 3.5 4.2 1.9c2-2.1 2.5-5.8 2.7-8.6c.1-1.6.5-6.2-1.9-6.7c-.1 0-.2 0-.2.1c-1 1.7-2.3 5.2-.3 7c.1.1.4-.3.2-.5"/><path d="M37.4 41.7c2.1 1.2 2.7-3.5 2.4-4.8c0-.2-.3-.2-.4-.1c-1.1.9-1.3 3.3-.4 4.7c.1.2.3.2.4 0c.7-1.3 1.1-2.6 1.6-4c.2-.6.7-.4 1.1-.8l2.4-2.4c1-1 1.3-2.4 2.2-3.4c1.2-1.3 2.3-1.9 2.9-3.7c.1-.4.1-1.4-.6-1.4c-1.4-.1-2.6 2.8-.7 2.5c2.2-.3 4.2-2.9 5.6-4.3c.2-.2-.1-.5-.3-.3c-.7.7-1.5 1.4-2.2 2c-.6.5-1.2 1-1.9 1.5c-.3.2-2.9 1.4-1.3-.5c.3.2.6.4.9.7c-.1.2-.2.5-.3.7c-.2.4-.5.8-.8 1.2c-.5.7-1.4 1.1-2 1.8c-.8.9-1.1 2.1-1.9 3c-.4.4-2.3 2.9-3 2.6c-.1 0-.2 0-.2.1c-.2.7-.4 1.3-.7 2c-.1.2-1 2.1-1 2.2c-.4-1-.3-2.2.1-3.1c.3.5.3 1.1.1 1.6q-.3 1.8-1.8 2.1c-.3-.5-.5-.1-.2.1"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#afcddb" d="M62.5 22.3c1.7 1.7 2 4.2.8 5.7L33.7 62.4c-1.8 2.1-4.9 2.1-7 .1L1.5 37.3c-2-2-2-5.2.1-7L35.9.8c1.5-1.3 4-.9 5.7.8z"/><path fill="#333" d="M50.8 10.7L12.6 48.4l-8.9-8.9L43.5 3.4z"/><path fill="#fff" d="M49.4 18.3L22.6 45.8l7.2 7.2l25.9-28.4z"/><g fill="#4f5b60"><path d="M34.1 43.3c-1.5-1.4-.6-4-.1-5.4c.9-2.2 1.8 2 1.8 2.7c.2 2.1-.1 4.3-.6 6.4c-.3 1.2-.7 2.3-1.3 3.4c-.3.7-.8 1.3-1.4 1.7c-1.5.9-2.4 0-2.7-2.5c.2-.8.5-1.5 1.1-2.1c1.9-2.4 4.9-3.5 7.1-5.4c.2-.2-.1-.5-.3-.3c-2.6 2.2-8 4-8.3 8.3c-.2 2.8 2.7 3.5 4.2 1.9c2-2.1 2.5-5.8 2.7-8.6c.1-1.6.5-6.2-1.9-6.7c-.1 0-.2 0-.2.1c-1 1.7-2.3 5.2-.3 7c.1.1.4-.3.2-.5"/><path d="M37.4 41.7c2.1 1.2 2.7-3.5 2.4-4.8c0-.2-.3-.2-.4-.1c-1.1.9-1.3 3.3-.4 4.7c.1.2.3.2.4 0c.7-1.3 1.1-2.6 1.6-4c.2-.6.7-.4 1.1-.8l2.4-2.4c1-1 1.3-2.4 2.2-3.4c1.2-1.3 2.3-1.9 2.9-3.7c.1-.4.1-1.4-.6-1.4c-1.4-.1-2.6 2.8-.7 2.5c2.2-.3 4.2-2.9 5.6-4.3c.2-.2-.1-.5-.3-.3c-.7.7-1.5 1.4-2.2 2c-.6.5-1.2 1-1.9 1.5c-.3.2-2.9 1.4-1.3-.5c.3.2.6.4.9.7c-.1.2-.2.5-.3.7c-.2.4-.5.8-.8 1.2c-.5.7-1.4 1.1-2 1.8c-.8.9-1.1 2.1-1.9 3c-.4.4-2.3 2.9-3 2.6c-.1 0-.2 0-.2.1c-.2.7-.4 1.3-.7 2c-.1.2-1 2.1-1 2.2c-.4-1-.3-2.2.1-3.1c.3.5.3 1.1.1 1.6q-.3 1.8-1.8 2.1c-.3-.5-.5-.1-.2.1"/></g></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23afcddb%22%20d%3D%22M62.5%2022.3c1.7%201.7%202%204.2.8%205.7L33.7%2062.4c-1.8%202.1-4.9%202.1-7%20.1L1.5%2037.3c-2-2-2-5.2.1-7L35.9.8c1.5-1.3%204-.9%205.7.8z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M50.8%2010.7L12.6%2048.4l-8.9-8.9L43.5%203.4z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M49.4%2018.3L22.6%2045.8l7.2%207.2l25.9-28.4z%22%2F%3E%3Cg%20fill%3D%22%234f5b60%22%3E%3Cpath%20d%3D%22M34.1%2043.3c-1.5-1.4-.6-4-.1-5.4c.9-2.2%201.8%202%201.8%202.7c.2%202.1-.1%204.3-.6%206.4c-.3%201.2-.7%202.3-1.3%203.4c-.3.7-.8%201.3-1.4%201.7c-1.5.9-2.4%200-2.7-2.5c.2-.8.5-1.5%201.1-2.1c1.9-2.4%204.9-3.5%207.1-5.4c.2-.2-.1-.5-.3-.3c-2.6%202.2-8%204-8.3%208.3c-.2%202.8%202.7%203.5%204.2%201.9c2-2.1%202.5-5.8%202.7-8.6c.1-1.6.5-6.2-1.9-6.7c-.1%200-.2%200-.2.1c-1%201.7-2.3%205.2-.3%207c.1.1.4-.3.2-.5%22%2F%3E%3Cpath%20d%3D%22M37.4%2041.7c2.1%201.2%202.7-3.5%202.4-4.8c0-.2-.3-.2-.4-.1c-1.1.9-1.3%203.3-.4%204.7c.1.2.3.2.4%200c.7-1.3%201.1-2.6%201.6-4c.2-.6.7-.4%201.1-.8l2.4-2.4c1-1%201.3-2.4%202.2-3.4c1.2-1.3%202.3-1.9%202.9-3.7c.1-.4.1-1.4-.6-1.4c-1.4-.1-2.6%202.8-.7%202.5c2.2-.3%204.2-2.9%205.6-4.3c.2-.2-.1-.5-.3-.3c-.7.7-1.5%201.4-2.2%202c-.6.5-1.2%201-1.9%201.5c-.3.2-2.9%201.4-1.3-.5c.3.2.6.4.9.7c-.1.2-.2.5-.3.7c-.2.4-.5.8-.8%201.2c-.5.7-1.4%201.1-2%201.8c-.8.9-1.1%202.1-1.9%203c-.4.4-2.3%202.9-3%202.6c-.1%200-.2%200-.2.1c-.2.7-.4%201.3-.7%202c-.1.2-1%202.1-1%202.2c-.4-1-.3-2.2.1-3.1c.3.5.3%201.1.1%201.6q-.3%201.8-1.8%202.1c-.3-.5-.5-.1-.2.1%22%2F%3E%3C%2Fg%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23afcddb%22%20d%3D%22M62.5%2022.3c1.7%201.7%202%204.2.8%205.7L33.7%2062.4c-1.8%202.1-4.9%202.1-7%20.1L1.5%2037.3c-2-2-2-5.2.1-7L35.9.8c1.5-1.3%204-.9%205.7.8z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M50.8%2010.7L12.6%2048.4l-8.9-8.9L43.5%203.4z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M49.4%2018.3L22.6%2045.8l7.2%207.2l25.9-28.4z%22%2F%3E%3Cg%20fill%3D%22%234f5b60%22%3E%3Cpath%20d%3D%22M34.1%2043.3c-1.5-1.4-.6-4-.1-5.4c.9-2.2%201.8%202%201.8%202.7c.2%202.1-.1%204.3-.6%206.4c-.3%201.2-.7%202.3-1.3%203.4c-.3.7-.8%201.3-1.4%201.7c-1.5.9-2.4%200-2.7-2.5c.2-.8.5-1.5%201.1-2.1c1.9-2.4%204.9-3.5%207.1-5.4c.2-.2-.1-.5-.3-.3c-2.6%202.2-8%204-8.3%208.3c-.2%202.8%202.7%203.5%204.2%201.9c2-2.1%202.5-5.8%202.7-8.6c.1-1.6.5-6.2-1.9-6.7c-.1%200-.2%200-.2.1c-1%201.7-2.3%205.2-.3%207c.1.1.4-.3.2-.5%22%2F%3E%3Cpath%20d%3D%22M37.4%2041.7c2.1%201.2%202.7-3.5%202.4-4.8c0-.2-.3-.2-.4-.1c-1.1.9-1.3%203.3-.4%204.7c.1.2.3.2.4%200c.7-1.3%201.1-2.6%201.6-4c.2-.6.7-.4%201.1-.8l2.4-2.4c1-1%201.3-2.4%202.2-3.4c1.2-1.3%202.3-1.9%202.9-3.7c.1-.4.1-1.4-.6-1.4c-1.4-.1-2.6%202.8-.7%202.5c2.2-.3%204.2-2.9%205.6-4.3c.2-.2-.1-.5-.3-.3c-.7.7-1.5%201.4-2.2%202c-.6.5-1.2%201-1.9%201.5c-.3.2-2.9%201.4-1.3-.5c.3.2.6.4.9.7c-.1.2-.2.5-.3.7c-.2.4-.5.8-.8%201.2c-.5.7-1.4%201.1-2%201.8c-.8.9-1.1%202.1-1.9%203c-.4.4-2.3%202.9-3%202.6c-.1%200-.2%200-.2.1c-.2.7-.4%201.3-.7%202c-.1.2-1%202.1-1%202.2c-.4-1-.3-2.2.1-3.1c.3.5.3%201.1.1%201.6q-.3%201.8-1.8%202.1c-.3-.5-.5-.1-.2.1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/credit-card.svg?color=%231a73e8&size=48
