Japanese Reserved Button アイコン
twemoji:japanese-reserved-button
Japanese Reserved Button アイコン(twemoji:japanese-reserved-button)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 記号
- タグ
- japanesereserved、reservedbutton、japanesereservedbutton
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#77b255" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#fff" d="M14.101 11.125c.494 0 .754.364.754.884c0 .546-.26.936-.754.936h-2.314v5.148c.754-.26 1.483-.52 2.08-.78c.156-.052.26-.078.39-.078c.312 0 .52.182.65.572a1 1 0 0 1 .104.442c0 .286-.156.52-.52.676c-.78.363-1.716.754-2.704 1.092v7.488c0 1.872-.728 2.444-2.6 2.444c-.91 0-1.534-.052-2.106-.208c-.442-.105-.676-.442-.676-.91c0-.078 0-.156.026-.26c.078-.442.364-.729.78-.729c.078 0 .182 0 .26.026a6.7 6.7 0 0 0 1.378.182c.832 0 1.014-.155 1.014-.91v-6.474a77 77 0 0 1-2.679.756c-.104.025-.182.025-.26.025c-.442 0-.754-.26-.858-.779c-.026-.131-.052-.234-.052-.364c0-.416.234-.676.65-.727a62 62 0 0 0 3.198-.858v-5.773h-2.99c-.468 0-.728-.39-.728-.91c0-.546.26-.91.728-.91h2.99V6.731c0-.521.338-.78.936-.78c.624 0 .988.26.988.78v4.394zm12.168 6.708c1.404 0 2.106.598 2.106 2.054v7.67c0 1.431-.702 2.055-2.106 2.055h-8.294c-1.378 0-2.106-.624-2.106-2.055v-7.67c0-1.456.729-2.054 2.106-2.054zm-8.398-5.018c0 .962.416 1.118 4.784 1.118c3.692 0 4.291-.234 4.629-.78c.182-.286.338-.858.416-1.586c.052-.468.338-.702.832-.702h.155c.546.052.885.364.885.806v.104c-.104 1.17-.339 2.132-.885 2.808c-.649.832-1.534 1.17-6.058 1.17c-5.798 0-6.709-.286-6.709-2.47V6.861c0-.468.364-.728.962-.728c.572 0 .988.26.988.728v2.574c3.172-.416 6.838-1.353 9.205-2.366c.182-.078.338-.104.493-.104c.364 0 .65.234.807.624c.078.182.104.338.104.468c0 .364-.208.624-.598.78c-2.86 1.118-6.553 1.95-10.01 2.314zm8.58 7.384c0-.519-.26-.649-.754-.649H18.52c-.494 0-.728.13-.728.649v2.549h8.659zm-8.659 4.213v2.782c0 .52.234.649.728.649h7.177c.494 0 .754-.13.754-.649v-2.782z"/></svg>Japanese Reserved Button アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:japanese-reserved-button" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:japanese-reserved-button" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:japanese-reserved-button" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--japanese-reserved-button]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:japanese-reserved-button"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:japanese-reserved-button"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/japanese-reserved-button.svg" alt="Japanese Reserved Button アイコン" width="24" height="24">Twitter Emoji の関連アイコン
japanese-acceptable-button
japanese-application-button
japanese-bargain-button
japanese-castle
japanese-congratulations-button
japanese-discount-button
japanese-dolls
japanese-free-of-charge-button
japanese-here-button
japanese-monthly-amount-button
japanese-no-vacancy-button
japanese-not-free-of-charge-button
japanese-open-for-business-button
japanese-passing-grade-button
japanese-post-office
japanese-prohibited-button
japanese-secret-button
japanese-service-charge-button
japanese-symbol-for-beginner
japanese-vacancy-button
他のアイコンセットの Japanese Reserved Button アイコン
Japanese Reserved Button アイコン のよくある質問
Japanese Reserved Button アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Japanese Reserved Button アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:japanese-reserved-button" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Japanese Reserved Button アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/japanese-reserved-button.svg" alt="Japanese Reserved Button アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。