creditcard emoji
creditcard from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- creditcard
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji in other sets
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the creditcard emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#C2CCCE" d="M505.999 104.494a23.07 23.07 0 0 0-19.614-19.615l-.329-.329H22.572l-.327.329A23.07 23.07 0 0 0 2.63 104.494l-.328.327v298.987l.328.329a23.07 23.07 0 0 0 19.615 19.615l.327.327h463.483l.329-.329a23.06 23.06 0 0 0 19.614-19.614l.329-.329V104.821z"/><path fill="#597B91" d="M2.302 149.609h504.024V236H2.302z"/><path fill="#FFF" d="M442.478 294.697H69.522c-23.116 0-41.855 18.739-41.855 41.854c0 23.116 18.739 41.855 41.855 41.855h372.957c23.116 0 41.855-18.739 41.855-41.855c-.001-23.115-18.74-41.854-41.856-41.854"/><path fill="#597B91" d="M348.576 371.698q-1.694 0-3.326-.072c-13.51-.604-22.237-4.798-27.875-9.934c-19.207 9.371-42.187 13.168-51.84 4.363c-3.646-3.324-8.474-10.958.139-24.728c6.98-11.159 8.596-20.652 4.021-23.623c-5.534-3.594-19.407-.151-28.546 13.417c-7.215 10.713-20.291 21.218-34.977 28.101c-7.572 3.549-26.516 11.043-38.877 4.004c-6.398-3.643-15.306-13.61-3.072-39.438c1.489-3.144 1.483-4.788 1.364-5.117c-2.353-2.743-22.062-1.928-42.894 9.78c-13.271 7.458-20.56 16.171-18.57 22.195a7.501 7.501 0 0 1-14.244 4.705c-4.067-12.314 2.827-25.195 19.411-36.271c18.365-12.266 52.469-23.503 66.095-11.737c3.506 3.026 8.478 10.021 2.394 22.866c-4.848 10.233-6.078 18.263-3.062 19.979c8.7 4.959 40.956-8.093 53.991-27.447c6.122-9.09 14.594-15.913 23.857-19.215c9.37-3.34 18.591-2.759 25.3 1.596c9.678 6.284 14.898 21.184.527 44.159c-2.144 3.428-2.468 5.253-2.509 5.876c3.303 2.229 18.115.825 33.107-6.037c-2.906-8.005-2.909-17.684.06-27.01c3.132-9.841 8.966-17.644 15.605-20.872c10.473-5.092 18.629 1.841 22.433 9.324c7.173 14.11 1.809 29.42-14.717 42.004q-.484.37-.981.735c20.276 10.854 64.889-6.649 84.099-15.161a7.5 7.5 0 0 1 6.077 13.715c-29.741 13.177-54.27 19.843-72.99 19.843m-16.932-57.141c-1.332.248-5.402 3.743-8.013 11.238c-1.632 4.685-2.439 10.385-1.314 15.562q.544-.4 1.081-.811c7.26-5.556 14.942-14.089 10.318-23.186c-1.031-2.028-1.84-2.655-2.072-2.803"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiCreditcard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#C2CCCE" d="M505.999 104.494a23.07 23.07 0 0 0-19.614-19.615l-.329-.329H22.572l-.327.329A23.07 23.07 0 0 0 2.63 104.494l-.328.327v298.987l.328.329a23.07 23.07 0 0 0 19.615 19.615l.327.327h463.483l.329-.329a23.06 23.06 0 0 0 19.614-19.614l.329-.329V104.821z"/><path fill="#597B91" d="M2.302 149.609h504.024V236H2.302z"/><path fill="#FFF" d="M442.478 294.697H69.522c-23.116 0-41.855 18.739-41.855 41.854c0 23.116 18.739 41.855 41.855 41.855h372.957c23.116 0 41.855-18.739 41.855-41.855c-.001-23.115-18.74-41.854-41.856-41.854"/><path fill="#597B91" d="M348.576 371.698q-1.694 0-3.326-.072c-13.51-.604-22.237-4.798-27.875-9.934c-19.207 9.371-42.187 13.168-51.84 4.363c-3.646-3.324-8.474-10.958.139-24.728c6.98-11.159 8.596-20.652 4.021-23.623c-5.534-3.594-19.407-.151-28.546 13.417c-7.215 10.713-20.291 21.218-34.977 28.101c-7.572 3.549-26.516 11.043-38.877 4.004c-6.398-3.643-15.306-13.61-3.072-39.438c1.489-3.144 1.483-4.788 1.364-5.117c-2.353-2.743-22.062-1.928-42.894 9.78c-13.271 7.458-20.56 16.171-18.57 22.195a7.501 7.501 0 0 1-14.244 4.705c-4.067-12.314 2.827-25.195 19.411-36.271c18.365-12.266 52.469-23.503 66.095-11.737c3.506 3.026 8.478 10.021 2.394 22.866c-4.848 10.233-6.078 18.263-3.062 19.979c8.7 4.959 40.956-8.093 53.991-27.447c6.122-9.09 14.594-15.913 23.857-19.215c9.37-3.34 18.591-2.759 25.3 1.596c9.678 6.284 14.898 21.184.527 44.159c-2.144 3.428-2.468 5.253-2.509 5.876c3.303 2.229 18.115.825 33.107-6.037c-2.906-8.005-2.909-17.684.06-27.01c3.132-9.841 8.966-17.644 15.605-20.872c10.473-5.092 18.629 1.841 22.433 9.324c7.173 14.11 1.809 29.42-14.717 42.004q-.484.37-.981.735c20.276 10.854 64.889-6.649 84.099-15.161a7.5 7.5 0 0 1 6.077 13.715c-29.741 13.177-54.27 19.843-72.99 19.843m-16.932-57.141c-1.332.248-5.402 3.743-8.013 11.238c-1.632 4.685-2.439 10.385-1.314 15.562q.544-.4 1.081-.811c7.26-5.556 14.942-14.089 10.318-23.186c-1.031-2.028-1.84-2.655-2.072-2.803"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#C2CCCE" d="M505.999 104.494a23.07 23.07 0 0 0-19.614-19.615l-.329-.329H22.572l-.327.329A23.07 23.07 0 0 0 2.63 104.494l-.328.327v298.987l.328.329a23.07 23.07 0 0 0 19.615 19.615l.327.327h463.483l.329-.329a23.06 23.06 0 0 0 19.614-19.614l.329-.329V104.821z"/><path fill="#597B91" d="M2.302 149.609h504.024V236H2.302z"/><path fill="#FFF" d="M442.478 294.697H69.522c-23.116 0-41.855 18.739-41.855 41.854c0 23.116 18.739 41.855 41.855 41.855h372.957c23.116 0 41.855-18.739 41.855-41.855c-.001-23.115-18.74-41.854-41.856-41.854"/><path fill="#597B91" d="M348.576 371.698q-1.694 0-3.326-.072c-13.51-.604-22.237-4.798-27.875-9.934c-19.207 9.371-42.187 13.168-51.84 4.363c-3.646-3.324-8.474-10.958.139-24.728c6.98-11.159 8.596-20.652 4.021-23.623c-5.534-3.594-19.407-.151-28.546 13.417c-7.215 10.713-20.291 21.218-34.977 28.101c-7.572 3.549-26.516 11.043-38.877 4.004c-6.398-3.643-15.306-13.61-3.072-39.438c1.489-3.144 1.483-4.788 1.364-5.117c-2.353-2.743-22.062-1.928-42.894 9.78c-13.271 7.458-20.56 16.171-18.57 22.195a7.501 7.501 0 0 1-14.244 4.705c-4.067-12.314 2.827-25.195 19.411-36.271c18.365-12.266 52.469-23.503 66.095-11.737c3.506 3.026 8.478 10.021 2.394 22.866c-4.848 10.233-6.078 18.263-3.062 19.979c8.7 4.959 40.956-8.093 53.991-27.447c6.122-9.09 14.594-15.913 23.857-19.215c9.37-3.34 18.591-2.759 25.3 1.596c9.678 6.284 14.898 21.184.527 44.159c-2.144 3.428-2.468 5.253-2.509 5.876c3.303 2.229 18.115.825 33.107-6.037c-2.906-8.005-2.909-17.684.06-27.01c3.132-9.841 8.966-17.644 15.605-20.872c10.473-5.092 18.629 1.841 22.433 9.324c7.173 14.11 1.809 29.42-14.717 42.004q-.484.37-.981.735c20.276 10.854 64.889-6.649 84.099-15.161a7.5 7.5 0 0 1 6.077 13.715c-29.741 13.177-54.27 19.843-72.99 19.843m-16.932-57.141c-1.332.248-5.402 3.743-8.013 11.238c-1.632 4.685-2.439 10.385-1.314 15.562q.544-.4 1.081-.811c7.26-5.556 14.942-14.089 10.318-23.186c-1.031-2.028-1.84-2.655-2.072-2.803"/></svg> </template>
CSS
.icon-creditcard {
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%20512%20512%22%3E%3Cpath%20fill%3D%22%23C2CCCE%22%20d%3D%22M505.999%20104.494a23.07%2023.07%200%200%200-19.614-19.615l-.329-.329H22.572l-.327.329A23.07%2023.07%200%200%200%202.63%20104.494l-.328.327v298.987l.328.329a23.07%2023.07%200%200%200%2019.615%2019.615l.327.327h463.483l.329-.329a23.06%2023.06%200%200%200%2019.614-19.614l.329-.329V104.821z%22%2F%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M2.302%20149.609h504.024V236H2.302z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M442.478%20294.697H69.522c-23.116%200-41.855%2018.739-41.855%2041.854c0%2023.116%2018.739%2041.855%2041.855%2041.855h372.957c23.116%200%2041.855-18.739%2041.855-41.855c-.001-23.115-18.74-41.854-41.856-41.854%22%2F%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M348.576%20371.698q-1.694%200-3.326-.072c-13.51-.604-22.237-4.798-27.875-9.934c-19.207%209.371-42.187%2013.168-51.84%204.363c-3.646-3.324-8.474-10.958.139-24.728c6.98-11.159%208.596-20.652%204.021-23.623c-5.534-3.594-19.407-.151-28.546%2013.417c-7.215%2010.713-20.291%2021.218-34.977%2028.101c-7.572%203.549-26.516%2011.043-38.877%204.004c-6.398-3.643-15.306-13.61-3.072-39.438c1.489-3.144%201.483-4.788%201.364-5.117c-2.353-2.743-22.062-1.928-42.894%209.78c-13.271%207.458-20.56%2016.171-18.57%2022.195a7.501%207.501%200%200%201-14.244%204.705c-4.067-12.314%202.827-25.195%2019.411-36.271c18.365-12.266%2052.469-23.503%2066.095-11.737c3.506%203.026%208.478%2010.021%202.394%2022.866c-4.848%2010.233-6.078%2018.263-3.062%2019.979c8.7%204.959%2040.956-8.093%2053.991-27.447c6.122-9.09%2014.594-15.913%2023.857-19.215c9.37-3.34%2018.591-2.759%2025.3%201.596c9.678%206.284%2014.898%2021.184.527%2044.159c-2.144%203.428-2.468%205.253-2.509%205.876c3.303%202.229%2018.115.825%2033.107-6.037c-2.906-8.005-2.909-17.684.06-27.01c3.132-9.841%208.966-17.644%2015.605-20.872c10.473-5.092%2018.629%201.841%2022.433%209.324c7.173%2014.11%201.809%2029.42-14.717%2042.004q-.484.37-.981.735c20.276%2010.854%2064.889-6.649%2084.099-15.161a7.5%207.5%200%200%201%206.077%2013.715c-29.741%2013.177-54.27%2019.843-72.99%2019.843m-16.932-57.141c-1.332.248-5.402%203.743-8.013%2011.238c-1.632%204.685-2.439%2010.385-1.314%2015.562q.544-.4%201.081-.811c7.26-5.556%2014.942-14.089%2010.318-23.186c-1.031-2.028-1.84-2.655-2.072-2.803%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23C2CCCE%22%20d%3D%22M505.999%20104.494a23.07%2023.07%200%200%200-19.614-19.615l-.329-.329H22.572l-.327.329A23.07%2023.07%200%200%200%202.63%20104.494l-.328.327v298.987l.328.329a23.07%2023.07%200%200%200%2019.615%2019.615l.327.327h463.483l.329-.329a23.06%2023.06%200%200%200%2019.614-19.614l.329-.329V104.821z%22%2F%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M2.302%20149.609h504.024V236H2.302z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M442.478%20294.697H69.522c-23.116%200-41.855%2018.739-41.855%2041.854c0%2023.116%2018.739%2041.855%2041.855%2041.855h372.957c23.116%200%2041.855-18.739%2041.855-41.855c-.001-23.115-18.74-41.854-41.856-41.854%22%2F%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M348.576%20371.698q-1.694%200-3.326-.072c-13.51-.604-22.237-4.798-27.875-9.934c-19.207%209.371-42.187%2013.168-51.84%204.363c-3.646-3.324-8.474-10.958.139-24.728c6.98-11.159%208.596-20.652%204.021-23.623c-5.534-3.594-19.407-.151-28.546%2013.417c-7.215%2010.713-20.291%2021.218-34.977%2028.101c-7.572%203.549-26.516%2011.043-38.877%204.004c-6.398-3.643-15.306-13.61-3.072-39.438c1.489-3.144%201.483-4.788%201.364-5.117c-2.353-2.743-22.062-1.928-42.894%209.78c-13.271%207.458-20.56%2016.171-18.57%2022.195a7.501%207.501%200%200%201-14.244%204.705c-4.067-12.314%202.827-25.195%2019.411-36.271c18.365-12.266%2052.469-23.503%2066.095-11.737c3.506%203.026%208.478%2010.021%202.394%2022.866c-4.848%2010.233-6.078%2018.263-3.062%2019.979c8.7%204.959%2040.956-8.093%2053.991-27.447c6.122-9.09%2014.594-15.913%2023.857-19.215c9.37-3.34%2018.591-2.759%2025.3%201.596c9.678%206.284%2014.898%2021.184.527%2044.159c-2.144%203.428-2.468%205.253-2.509%205.876c3.303%202.229%2018.115.825%2033.107-6.037c-2.906-8.005-2.909-17.684.06-27.01c3.132-9.841%208.966-17.644%2015.605-20.872c10.473-5.092%2018.629%201.841%2022.433%209.324c7.173%2014.11%201.809%2029.42-14.717%2042.004q-.484.37-.981.735c20.276%2010.854%2064.889-6.649%2084.099-15.161a7.5%207.5%200%200%201%206.077%2013.715c-29.741%2013.177-54.27%2019.843-72.99%2019.843m-16.932-57.141c-1.332.248-5.402%203.743-8.013%2011.238c-1.632%204.685-2.439%2010.385-1.314%2015.562q.544-.4%201.081-.811c7.26-5.556%2014.942-14.089%2010.318-23.186c-1.031-2.028-1.84-2.655-2.072-2.803%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/creditcard.svg?color=%231a73e8&size=48
