Japanese Congratulations Button アイコン
twemoji:japanese-congratulations-button
Japanese Congratulations Button アイコン(twemoji:japanese-congratulations-button)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 記号
- タグ
- japanesecongratulations、congratulationsbutton、japanesecongratulationsbutton、congratulation
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>
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 コンポーネント
<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>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/japanese-congratulations-button.svg" alt="Japanese Congratulations Button アイコン" width="24" height="24">
他のアイコンセットの Japanese Congratulations Button アイコン
Japanese Congratulations Button アイコン のよくある質問
Japanese Congratulations Button アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Japanese Congratulations Button アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:japanese-congratulations-button" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Japanese Congratulations Button アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/japanese-congratulations-button.svg" alt="Japanese Congratulations Button アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
