Ícone Japanese Congratulations Button
twemoji:japanese-congratulations-button
O ícone Japanese Congratulations Button (twemoji:japanese-congratulations-button) é um ícone SVG gratuito da coleção Twitter Emoji de Twitter. Ele é desenhado em uma grade de 36 × 36. Twitter Emoji 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
- Twitter Emoji
- Autor
- Twitter
- Licença
- CC-BY-4.0
- Tamanho
- 36 × 36
- Categoria
- Símbolos
- Tags
- japanesecongratulations, congratulationsbutton, japanesecongratulationsbutton, congratulation
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#dd2e44" d="M36 18c0 9.94-8.059 18-18 18S0 27.94 0 18C0 8.059 8.059 0 18 0s18 8.059 18 18"/><path fill="#fff" d="M9.628 22.736c0-1.242.054-2.43.162-3.59c-.945.972-1.97 1.943-3.077 2.807a1.1 1.1 0 0 1-.621.217c-.324 0-.648-.162-.864-.486a1.04 1.04 0 0 1-.188-.594c0-.324.162-.648.432-.837c2.699-1.862 5.965-5.317 7.261-7.909a.65.65 0 0 0 .108-.351c0-.189-.162-.297-.486-.297H6.498c-.486 0-.756-.378-.756-.917c0-.54.27-.945.756-.945h3.104V6.001c0-.486.432-.756 1.026-.756c.621 0 1.053.27 1.053.756v3.833h1.754c1.053 0 1.727.594 1.727 1.511c0 .351-.108.756-.297 1.188c-.675 1.323-1.727 2.861-2.807 4.184c1.295 1.323 2.483 2.241 3.428 2.861c.351.216.513.486.513.811c0 .215-.081.404-.216.62a.902.902 0 0 1-1.323.244c-.972-.729-1.943-1.674-2.969-2.78c.108 1.35.162 2.429.162 3.725v7.396c0 .485-.405.756-1.026.756c-.594 0-.999-.297-.999-.756zm11.526-5.371c-.107 6.29-1.971 10.176-6.316 12.606c-.216.135-.432.216-.621.216c-.324 0-.648-.162-.864-.513a1.05 1.05 0 0 1-.189-.621q0-.486.486-.809c3.86-2.159 5.426-5.129 5.533-10.878h-.809c-1.62 0-2.322-.621-2.322-2.132V8.808c0-1.539.702-2.187 2.322-2.187h8.53c1.593 0 2.321.648 2.321 2.187v6.424c0 1.512-.728 2.132-2.321 2.132H25.42v9.798c0 .621.215.729 1.512.729c1.133 0 1.511-.188 1.7-.782c.162-.649.27-1.917.297-2.996c0-.486.351-.783.863-.783h.081c.594.027.918.297.918.81v.055c-.027 1.646-.216 3.212-.647 4.211a1.94 1.94 0 0 1-.783.891c-.513.297-1.377.485-2.537.485h-.459c-2.456-.026-2.942-.594-2.942-1.97V17.365zm5.237-1.863c.514 0 .811-.189.811-.783V9.321c0-.621-.297-.755-.811-.755h-7.503c-.54 0-.81.135-.81.755v5.399c0 .594.27.783.81.783z"/></svg>
Como usar o ícone Japanese Congratulations Button
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:japanese-congratulations-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:japanese-congratulations-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:japanese-congratulations-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--japanese-congratulations-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:japanese-congratulations-button"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:japanese-congratulations-button"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/twemoji/japanese-congratulations-button.svg" alt="Ícone Japanese Congratulations Button" width="24" height="24">
Ícones relacionados em Twitter Emoji
O ícone Japanese Congratulations Button em outras coleções
Perguntas frequentes sobre Ícone Japanese Congratulations Button
O ícone Japanese Congratulations Button é grátis para uso comercial?
Sim. Twitter Emoji 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 Japanese Congratulations Button no React?
Instale @iconify/react e renderize <Icon icon="twemoji:japanese-congratulations-button" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Japanese Congratulations Button a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/twemoji/japanese-congratulations-button.svg" alt="Ícone Japanese Congratulations Button">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Twitter Emoji →
