Ícone Credit Card
emojione-monotone:credit-card
O ícone Credit Card (emojione-monotone:credit-card) é um ícone SVG gratuito da coleção Emoji One (Monotone) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (Monotone) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Emoji One (Monotone)
- Autor
- Emoji One
- Licença
- CC-BY-4.0
- Tamanho
- 64 × 64
- Categoria
- Objetos
- Tags
- creditcard
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M60.333 22.575L41.421 3.66C40.367 2.605 38.968 2 37.582 2c-1.005 0-1.903.317-2.602.918L3.768 29.77a5 5 0 0 0-1.764 3.643c-.056 1.494.522 2.926 1.628 4.033l22.921 22.923C27.606 61.421 28.969 62 30.391 62a5.06 5.06 0 0 0 3.836-1.768l26.848-31.215c1.479-1.718 1.153-4.547-.742-6.442M3.821 33.481a3.2 3.2 0 0 1 1.132-2.333L36.167 4.297c.362-.313.852-.479 1.415-.479c.894 0 1.849.422 2.554 1.128l1.639 1.638L6.971 38.213l-2.053-2.054c-.745-.745-1.135-1.696-1.097-2.678m55.875-5.649L32.85 59.047a3.2 3.2 0 0 1-2.459 1.135c-.937 0-1.844-.391-2.554-1.1L15.034 46.277l33.441-32.99L59.048 23.86c1.204 1.205 1.496 2.988.648 3.972"/><path fill="currentColor" d="M47.837 18.607L22.449 44.521l7.528 7.529l1.141-1.246c.764.174 1.655-.063 2.297-.719c.959-.981 1.538-2.388 1.9-3.871l19.172-20.956zm-.416 9.081c-.704.313-1.897.662-.74-.689l.779.605zm4.433-3.094c.01-.009.005-.021.011-.03l.736.736l-13.78 15.064c.541-1.106.945-2.254 1.336-3.417c.174-.522.623-.402.98-.762c.727-.734 1.429-1.481 2.137-2.211c.896-.922 1.204-2.145 2.029-3.072c.887-.994 1.738-1.564 2.302-2.679c1.658-.719 3.134-2.566 4.249-3.629M24.368 44.512l23.479-23.967l3.753 3.754c-.011.006-.022 0-.032.01c-.652.62-1.32 1.235-2.013 1.833a21 21 0 0 1-1.625 1.261c.088-.41.044-1.128-.538-1.171c-1.236-.097-2.32 2.518-.672 2.267c.119-.019.236-.065.354-.098c-.175.32-.38.624-.594.913c-.482.657-1.248 1.04-1.795 1.654c-.695.778-.967 1.894-1.711 2.705c-.329.358-2.124 2.652-2.762 2.382c-.079-.031-.191.012-.218.088q-.308.89-.612 1.789c-.035.105-.249.55-.459.991c.211-.97.238-2.018.131-2.513c-.038-.175-.246-.188-.345-.109c-.869.695-1.126 2.347-.658 3.602c-.261.268-.59.458-1.011.547c-.245-.135-.424.229-.178.365c.08.043.152.064.227.092c-.352.285-.754.564-1.186.844c.109-1.748.232-5.166-1.748-5.618c-.098-.022-.182.005-.228.088c-.866 1.522-2.105 4.713-.313 6.368c.211.195.489-.103.278-.298c-1.375-1.27-.557-3.647-.057-4.946c.775-2.006 1.593 1.85 1.635 2.443c.053.742.044 1.489.005 2.236c-2.484 1.556-5.655 3.23-5.898 6.357c-.054.706.105 1.256.389 1.66l-.033.037zm14.18-7.405q.367.745.109 1.446a2.7 2.7 0 0 1-.299.913c-.186-.802-.074-1.702.19-2.359M30.454 49.51c-.171-.408-.308-.924-.402-1.572a3.7 3.7 0 0 1 .987-1.898c1.185-1.47 2.841-2.441 4.41-3.444a19 19 0 0 1-.214 1.689zm3.357-.814a4.6 4.6 0 0 1-1.261 1.556c-.443.269-.827.344-1.162.256l3.111-3.398c-.2.54-.428 1.072-.688 1.586m2.054-6.369c.565-.37 1.111-.751 1.611-1.168c.062-.052.063-.114.044-.175c.32-.024.585-.226.803-.529c.018.029.029.064.05.092a.24.24 0 0 0 .18.109L35.74 43.73c.054-.483.097-.957.125-1.403"/></svg>
Como usar o ícone Credit Card
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:credit-card" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:credit-card" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:credit-card" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--credit-card]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:credit-card"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:credit-card"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione-monotone/credit-card.svg" alt="Ícone Credit Card" width="24" height="24">
O ícone Credit Card em outras coleções
Perguntas frequentes sobre Ícone Credit Card
O ícone Credit Card é grátis para uso comercial?
Sim. Emoji One (Monotone) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Credit Card no React?
Instale @iconify/react e renderize <Icon icon="emojione-monotone:credit-card" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Credit Card a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-monotone/credit-card.svg" alt="Ícone Credit Card">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Emoji One (Monotone) →
ICONYZ
