Japanese Reserved Button アイコン
emojione-v1:japanese-reserved-button
Japanese Reserved Button アイコン(emojione-v1:japanese-reserved-button)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 記号
- タグ
- japanesereserved、reservedbutton、japanesereservedbutton
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#37b34a" d="M63.975 57.078a6.89 6.89 0 0 1-6.895 6.898H6.895A6.894 6.894 0 0 1 0 57.078V6.896A6.897 6.897 0 0 1 6.895 0H57.08a6.894 6.894 0 0 1 6.895 6.896z"/><path fill="#fff" d="M27.13 28.619c-.041-.184-.282-.343-.467-.265l-6.99 2.931V19.702h7.091a.383.383 0 0 0 .379-.381v-4.58a.383.383 0 0 0-.379-.38h-7.091V4.618a.383.383 0 0 0-.38-.379h-4.821a.383.383 0 0 0-.38.379v9.743H5.555a.35.35 0 0 0-.258.103c-.003.002-.007.006-.001.009s-.008.007-.009.011a.35.35 0 0 0-.103.258v4.58c0 .208.173.381.381.381h8.537v13.573a137 137 0 0 1-9.361 3.03c-.191.056-.332.271-.266.468l1.687 5.062c.062.184.267.339.469.266l7.471-2.717v12.954c0 .718-.004 1.543-.354 2.192c-.081.149-.215.296-.394.317c-.457.056-.959-.008-1.418-.026a28.3 28.3 0 0 1-6.03-.922c-.296-.077-.521.188-.467.469l.964 5.062c.023.121.146.24.266.267c1.463.307 2.946.512 4.437.629c1.48.116 3.02.21 4.49-.021c1.047-.164 2.07-.618 2.772-1.43c.648-.75.942-1.756 1.114-2.713c.207-1.15.202-2.318.202-3.483V37.158l8.247-3.771c.159-.072.21-.275.175-.429l-.968-4.341M60.37 15.339l-4.821-1.446c-.256-.077-.457.129-.479.367c-.138 1.285-.281 2.575-.533 3.842c-.14.709-.342 1.337-.757 1.936c-.935 1.347-2.807 1.455-4.292 1.561c-2.139.154-4.287.185-6.429.21c-1.543.02-3.086.033-4.629.022a22 22 0 0 1-1.871-.083c-.335-.031-.743-.059-1.044-.225c-.646-.358-.415-2.04-.415-2.672v-2.105c7.98-1.371 15.88-3.229 23.584-5.736c.209-.068.385-.353.226-.559l-3.132-4.098c-.103-.133-.255-.231-.431-.174c-6.65 2.157-13.418 3.936-20.247 5.437v-7a.38.38 0 0 0-.38-.379H29.9a.35.35 0 0 0-.268.112l-.001.001a.35.35 0 0 0-.102.257v15.172c0 2.308-.318 5.409 2.208 6.533c.791.35 1.66.5 2.511.61c1.325.172 2.661.223 3.998.239c2.94.033 5.892-.032 8.829-.19c1.925-.104 3.852-.262 5.759-.559c1.209-.189 2.436-.435 3.559-.937c1.349-.602 2.271-1.832 2.874-3.141c.948-2.062 1.244-4.396 1.394-6.639c.009-.169-.127-.32-.282-.365M57.65 30.391l-.009-.011q-.007-.005-.011-.011a.36.36 0 0 0-.258-.101H30.378a.383.383 0 0 0-.38.38v26.023a.36.36 0 0 0 .123.278c.06.062.146.103.258.103h26.995c.207 0 .38-.173.38-.38V30.649a.34.34 0 0 0-.104-.258M35.339 51.954v-5.741h17.08v5.741zm0-10.848v-5.739h17.08v5.739z"/></svg>
Japanese Reserved Button アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:japanese-reserved-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:japanese-reserved-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:japanese-reserved-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--japanese-reserved-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:japanese-reserved-button"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:japanese-reserved-button"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/japanese-reserved-button.svg" alt="Japanese Reserved Button アイコン" width="24" height="24">
他のアイコンセットの Japanese Reserved Button アイコン
Japanese Reserved Button アイコン のよくある質問
Japanese Reserved Button アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Japanese Reserved Button アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:japanese-reserved-button" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Japanese Reserved Button アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/japanese-reserved-button.svg" alt="Japanese Reserved Button アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
