credit card emoji
credit-card from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- credit-card
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- 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-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 Twitter Emoji
Use the credit card emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M4 5a4 4 0 0 0-4 4v18a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4V9s0-4-4-4z"/><path fill="#292f33" d="M0 10h36v5H0z"/><path fill="#f4f7f9" d="M4 19h28v6H4z"/><path fill="#8899a6" d="M19 24c-1.703 0-2.341-1.21-2.469-1.801c-.547.041-1.08.303-1.805.764C13.961 23.449 13.094 24 12 24c-1.197 0-1.924-.675-2-2c-.003-.056.038-.188.021-.188c-1.858 0-3.202 1.761-3.215 1.779a.997.997 0 0 1-1.397.215a1 1 0 0 1-.215-1.398C5.271 22.303 7.11 20 10 20c1.937 0 2.048 1.375 2.078 1.888l.007.109c.486-.034.991-.354 1.57-.723c.961-.61 2.153-1.371 3.75-.962c.871.223 1.007 1.031 1.059 1.336c.013.076.032.19.049.226c.007 0 .146.091.577.13c.82.075 1.721-.279 2.675-.653c.988-.388 2.01-.788 3.111-.788c3.389 0 4.767 1.635 4.913 1.821a1 1 0 1 1-1.575 1.232c-.024-.027-.93-1.054-3.337-1.054c-.723 0-1.528.315-2.381.649c-1.009.396-2.434.789-3.496.789"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiCreditCard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M4 5a4 4 0 0 0-4 4v18a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4V9s0-4-4-4z"/><path fill="#292f33" d="M0 10h36v5H0z"/><path fill="#f4f7f9" d="M4 19h28v6H4z"/><path fill="#8899a6" d="M19 24c-1.703 0-2.341-1.21-2.469-1.801c-.547.041-1.08.303-1.805.764C13.961 23.449 13.094 24 12 24c-1.197 0-1.924-.675-2-2c-.003-.056.038-.188.021-.188c-1.858 0-3.202 1.761-3.215 1.779a.997.997 0 0 1-1.397.215a1 1 0 0 1-.215-1.398C5.271 22.303 7.11 20 10 20c1.937 0 2.048 1.375 2.078 1.888l.007.109c.486-.034.991-.354 1.57-.723c.961-.61 2.153-1.371 3.75-.962c.871.223 1.007 1.031 1.059 1.336c.013.076.032.19.049.226c.007 0 .146.091.577.13c.82.075 1.721-.279 2.675-.653c.988-.388 2.01-.788 3.111-.788c3.389 0 4.767 1.635 4.913 1.821a1 1 0 1 1-1.575 1.232c-.024-.027-.93-1.054-3.337-1.054c-.723 0-1.528.315-2.381.649c-1.009.396-2.434.789-3.496.789"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M4 5a4 4 0 0 0-4 4v18a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4V9s0-4-4-4z"/><path fill="#292f33" d="M0 10h36v5H0z"/><path fill="#f4f7f9" d="M4 19h28v6H4z"/><path fill="#8899a6" d="M19 24c-1.703 0-2.341-1.21-2.469-1.801c-.547.041-1.08.303-1.805.764C13.961 23.449 13.094 24 12 24c-1.197 0-1.924-.675-2-2c-.003-.056.038-.188.021-.188c-1.858 0-3.202 1.761-3.215 1.779a.997.997 0 0 1-1.397.215a1 1 0 0 1-.215-1.398C5.271 22.303 7.11 20 10 20c1.937 0 2.048 1.375 2.078 1.888l.007.109c.486-.034.991-.354 1.57-.723c.961-.61 2.153-1.371 3.75-.962c.871.223 1.007 1.031 1.059 1.336c.013.076.032.19.049.226c.007 0 .146.091.577.13c.82.075 1.721-.279 2.675-.653c.988-.388 2.01-.788 3.111-.788c3.389 0 4.767 1.635 4.913 1.821a1 1 0 1 1-1.575 1.232c-.024-.027-.93-1.054-3.337-1.054c-.723 0-1.528.315-2.381.649c-1.009.396-2.434.789-3.496.789"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M4%205a4%204%200%200%200-4%204v18a4%204%200%200%200%204%204h28a4%204%200%200%200%204-4V9s0-4-4-4z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M0%2010h36v5H0z%22%2F%3E%3Cpath%20fill%3D%22%23f4f7f9%22%20d%3D%22M4%2019h28v6H4z%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M19%2024c-1.703%200-2.341-1.21-2.469-1.801c-.547.041-1.08.303-1.805.764C13.961%2023.449%2013.094%2024%2012%2024c-1.197%200-1.924-.675-2-2c-.003-.056.038-.188.021-.188c-1.858%200-3.202%201.761-3.215%201.779a.997.997%200%200%201-1.397.215a1%201%200%200%201-.215-1.398C5.271%2022.303%207.11%2020%2010%2020c1.937%200%202.048%201.375%202.078%201.888l.007.109c.486-.034.991-.354%201.57-.723c.961-.61%202.153-1.371%203.75-.962c.871.223%201.007%201.031%201.059%201.336c.013.076.032.19.049.226c.007%200%20.146.091.577.13c.82.075%201.721-.279%202.675-.653c.988-.388%202.01-.788%203.111-.788c3.389%200%204.767%201.635%204.913%201.821a1%201%200%201%201-1.575%201.232c-.024-.027-.93-1.054-3.337-1.054c-.723%200-1.528.315-2.381.649c-1.009.396-2.434.789-3.496.789%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M4%205a4%204%200%200%200-4%204v18a4%204%200%200%200%204%204h28a4%204%200%200%200%204-4V9s0-4-4-4z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M0%2010h36v5H0z%22%2F%3E%3Cpath%20fill%3D%22%23f4f7f9%22%20d%3D%22M4%2019h28v6H4z%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M19%2024c-1.703%200-2.341-1.21-2.469-1.801c-.547.041-1.08.303-1.805.764C13.961%2023.449%2013.094%2024%2012%2024c-1.197%200-1.924-.675-2-2c-.003-.056.038-.188.021-.188c-1.858%200-3.202%201.761-3.215%201.779a.997.997%200%200%201-1.397.215a1%201%200%200%201-.215-1.398C5.271%2022.303%207.11%2020%2010%2020c1.937%200%202.048%201.375%202.078%201.888l.007.109c.486-.034.991-.354%201.57-.723c.961-.61%202.153-1.371%203.75-.962c.871.223%201.007%201.031%201.059%201.336c.013.076.032.19.049.226c.007%200%20.146.091.577.13c.82.075%201.721-.279%202.675-.653c.988-.388%202.01-.788%203.111-.788c3.389%200%204.767%201.635%204.913%201.821a1%201%200%201%201-1.575%201.232c-.024-.027-.93-1.054-3.337-1.054c-.723%200-1.528.315-2.381.649c-1.009.396-2.434.789-3.496.789%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/credit-card.svg?color=%231a73e8&size=48
