ICONYZ
Français
Icône Japanese Congratulations Button de Emoji One (v1)

Icône Japanese Congratulations Button

emojione-v1:japanese-congratulations-button

L'icône Japanese Congratulations Button (emojione-v1:japanese-congratulations-button) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Emoji One (v1)
Auteur
Emoji One
Licence
CC-BY-SA-4.0
Taille
64 × 64
Catégorie
Symboles
Mots-clés
japanesecongratulations, congratulationsbutton, japanesecongratulationsbutton, congratulation
Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/japanese-congratulations-button.svg" alt="Icône Japanese Congratulations Button" width="24" height="24">

Icônes similaires dans Emoji One (v1)

L'icône Japanese Congratulations Button dans d'autres collections

FAQ : Icône Japanese Congratulations Button

L'icône Japanese Congratulations Button est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Japanese Congratulations Button dans React ?

Installez @iconify/react et affichez <Icon icon="emojione-v1:japanese-congratulations-button" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Japanese Congratulations Button à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-v1/japanese-congratulations-button.svg" alt="Icône Japanese Congratulations Button">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (v1) →