Ícone Japanese Monthly Amount Button
fluent-emoji-high-contrast:japanese-monthly-amount-button
O ícone Japanese Monthly Amount Button (fluent-emoji-high-contrast:japanese-monthly-amount-button) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Símbolos
- Tags
- japanesemonthly, monthlyamount, amountbutton, japanesemonthlyamountbutton
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M23.416 20.482V8.938c0-1.769.032-2.773.046-3.193l.006-.213c0-.182-.026-.208-.208-.208a84 84 0 0 1-3.406.052h-5.928c-1.928 0-2.848-.033-3.22-.046l-.186-.006c-.182 0-.208.026-.208.208l.006.213c.013.42.046 1.424.046 3.193v3.172c0 7.93-.832 10.816-4.628 14.326c.338.104.754.312 1.118.598q.068.051.123.095c.13.102.212.165.293.165c.094 0 .167-.086.297-.238l.041-.048c2.34-2.418 3.51-4.576 4.03-8.424h10.166v5.694c0 .884-.364 1.196-1.17 1.196c-1.144 0-1.82-.052-2.73-.13c.208.338.364.78.468 1.222c.066.263.098.393.181.457c.082.063.212.063.469.063c2.132 0 3.094 0 3.718-.546c.494-.468.728-1.014.728-1.924c0-.603-.012-1.254-.025-1.927c-.013-.721-.027-1.468-.027-2.207m-1.612-7.826v4.472h-10.01c.104-1.3.156-2.756.182-4.472zm0-5.798V11.2h-9.828V6.858z"/><path d="M1 6a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5zm5-3a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3z"/></g></svg>
Como usar o ícone Japanese Monthly Amount Button
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:japanese-monthly-amount-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:japanese-monthly-amount-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:japanese-monthly-amount-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--japanese-monthly-amount-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:japanese-monthly-amount-button"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:japanese-monthly-amount-button"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/japanese-monthly-amount-button.svg" alt="Ícone Japanese Monthly Amount Button" width="24" height="24">
Ícones relacionados em Fluent Emoji High Contrast
O ícone Japanese Monthly Amount Button em outras coleções
Perguntas frequentes sobre Ícone Japanese Monthly Amount Button
O ícone Japanese Monthly Amount Button é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Japanese Monthly Amount Button no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:japanese-monthly-amount-button" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Japanese Monthly Amount Button a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/japanese-monthly-amount-button.svg" alt="Ícone Japanese Monthly Amount Button">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
