ICONYZ
日本語
OpenMoji の Japanese Reserved Button アイコン

Japanese Reserved Button アイコン

openmoji:japanese-reserved-button

Japanese Reserved Button アイコン(openmoji:japanese-reserved-button)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
OpenMoji
作者
OpenMoji
ライセンス
CC-BY-SA-4.0
サイズ
72 × 72
カテゴリ
記号
タグ
japanesereserved、reservedbutton、japanesereservedbutton
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b1cc33" d="M12.007 12h48v47.83h-48z"/><g fill="none" stroke="#000" stroke-linejoin="round" stroke-miterlimit="1.5" clip-rule="evenodd"><path stroke-linecap="round" stroke-width="2" d="M12.007 11.999h48v48h-48z"/><path stroke-linecap="round" stroke-width="2.499" d="M49.579 22.065c-4.686 1.598-14.856 3.39-14.856 3.39"/><path stroke-linecap="round" stroke-width="2.499" d="M34.448 19.434v11.527a1.284 1.284 0 0 0 1.184 1.28c1.91.15 5.679.427 7.897.449c5.348.054 6.902.448 8.425-.56c.991-.657 1.036-3.588 1.136-4.798"/><path stroke-width="2.499" d="M35.424 44.986H50.01"/><path stroke-linecap="round" stroke-width="2.499" d="M34.448 46.11v-7.315a1.284 1.284 0 0 1 1.28-1.284l13.906-.037a1.283 1.283 0 0 1 1.287 1.284v6.646"/><path stroke-linecap="round" stroke-width="2.499" d="M34.483 44.035v7.426a1.284 1.284 0 0 0 1.283 1.284h13.907a1.283 1.283 0 0 0 1.283-1.284v-7.522"/><path stroke-linecap="round" stroke-width="2.5" d="M19.092 27.12h10.965"/><path stroke-linecap="round" stroke-width="2.499" d="m18.828 40.176l11.524-3.822m-5.143-17.28l-.006 30.677a2.965 2.965 0 0 1-2.968 2.965l-1.535-.001"/><path stroke-linecap="round" stroke-width="9.251" d="M1556 161.8v48.01c0 2.524-2.038 4.573-4.547 4.573h-51.69c-2.509 0-4.546-2.049-4.546-4.573V161.8c0-2.524 2.037-4.573 4.546-4.573h51.69c2.509 0 4.547 2.049 4.547 4.573" transform="matrix(.271 0 0 .27 -370.677 -4.87)"/></g></svg>

Japanese Reserved Button アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:japanese-reserved-button" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:japanese-reserved-button" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:japanese-reserved-button" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--japanese-reserved-button]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:japanese-reserved-button"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:japanese-reserved-button"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/japanese-reserved-button.svg" alt="Japanese Reserved Button アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Japanese Reserved Button アイコン

Japanese Reserved Button アイコン のよくある質問

Japanese Reserved Button アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Japanese Reserved Button アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:japanese-reserved-button" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Japanese Reserved Button アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/japanese-reserved-button.svg" alt="Japanese Reserved Button アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコン をすべて見る →