Ícone Japanese Congratulations Button
emojione-v1:japanese-congratulations-button
O ícone Japanese Congratulations Button (emojione-v1:japanese-congratulations-button) é um ícone SVG gratuito da coleção Emoji One (v1) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Emoji One (v1)
- Autor
- Emoji One
- Licença
- CC-BY-SA-4.0
- Tamanho
- 64 × 64
- Categoria
- Símbolos
- Tags
- japanesecongratulations, congratulationsbutton, japanesecongratulationsbutton, congratulation
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ec1c24" d="M58.34 13.876c9.999 14.56 6.303 34.463-8.254 44.46c-14.561 10-34.465 6.307-44.46-8.254c-9.997-14.558-6.303-34.466 8.256-44.46c14.556-9.999 34.465-6.303 44.46 8.254"/><path fill="#be1e2d" d="M27.731.291C11.486 2.449-.702 16.708.036 33.391C.819 51.036 15.753 64.701 33.4 63.926c11.5-.509 21.309-7.04 26.53-16.405C13.88 50.289 3.55 19.787 27.73.291"/><g fill="#fff"><path d="M25.17 40.07c.134.17.396.087.498-.064q1.203-1.807 2.408-3.612c.082-.123.042-.283-.049-.385c-2.348-2.632-5.02-4.948-7.829-7.07c1.941-3.02 3.566-6.23 5.02-9.509q.298-.67.583-1.345c.068-.156.109-.266.109-.428v-3.496a.32.32 0 0 0-.317-.317H20.01c-.653-2.262-1.566-4.44-2.774-6.466a.315.315 0 0 0-.357-.146q-1.906.6-3.814 1.204c-.186.059-.306.288-.189.464c1.01 1.527 1.751 3.191 2.264 4.943H8.935a.3.3 0 0 0-.214.084q-.009.004-.001.009a.3.3 0 0 0-.092.223v3.612c0 .172.146.317.317.317h11.764c-2.977 6.907-7.106 13.654-13.329 18.07c-.132.093-.22.283-.114.433l2.409 3.413c.096.135.28.213.434.113c2.058-1.335 3.789-3.11 5.343-4.999v18.973a.32.32 0 0 0 .316.316h3.813a.32.32 0 0 0 .316-.316V33.993a73 73 0 0 1 5.281 6.074"/><path d="m54.98 44.958l-3.612-1.205c-.205-.067-.392.111-.401.307c-.061 1.111-.127 2.227-.278 3.328c-.07.493-.1 1.246-.479 1.617c-.596.586-1.826.545-2.586.558c-.784.012-1.859-.068-2.165-.939c-.157-.448-.08-1.057-.08-1.524V31.333h5.103a.32.32 0 0 0 .316-.318V10.343a.32.32 0 0 0-.316-.316H28.405a.29.29 0 0 0-.231.102a.3.3 0 0 0-.085.215v20.671c0 .172.144.318.317.318h4.671c-.375 3.903-1.29 7.796-3.163 11.265a19.9 19.9 0 0 1-7.288 7.612c-.139.082-.216.292-.115.433q1.306 1.806 2.609 3.612c.098.137.277.212.434.114a23.2 23.2 0 0 0 7.417-7.464c2.082-3.357 3.305-7.192 3.991-11.06c.265-1.49.442-2.999.564-4.508h3.405v17.637c0 1.081.062 2.194.613 3.153c.804 1.398 2.698 1.532 4.133 1.633c1.634.114 3.316.097 4.938-.125c.953-.13 2.05-.32 2.786-.999c.67-.616.938-1.766 1.146-2.61c.384-1.551.544-3.165.664-4.759c.013-.143-.104-.263-.231-.305M32.534 14.275h13.818v12.813H32.534z"/></g></svg>
Como usar o ícone Japanese Congratulations Button
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:japanese-congratulations-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:japanese-congratulations-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:japanese-congratulations-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--japanese-congratulations-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1: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="emojione-v1:japanese-congratulations-button"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/japanese-congratulations-button.svg" alt="Ícone Japanese Congratulations Button" width="24" height="24">
Ícones relacionados em Emoji One (v1)
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. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Japanese Congratulations Button no React?
Instale @iconify/react e renderize <Icon icon="emojione-v1: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/emojione-v1/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 Emoji One (v1) →
