Japanese Acceptable Button アイコン

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

はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

noto:japanese-acceptable-button

Japanese Acceptable Button アイコン(noto:japanese-acceptable-button)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 記号
タグ: japaneseacceptable、acceptablebutton、japaneseacceptablebutton

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVG4vxaW8oV" fill="#FFBD52" d="M23.9 29.7c4.5-7.1 14.1-13 24.1-14.8c2.5-.4 5-.6 7.1.2c1.6.6 2.9 2.1 2 3.8c-.7 1.4-2.6 2-4.1 2.5c-9.4 3.1-17.5 9.2-23 17.4c-2 3-5 11.3-8.7 9.2c-3.9-2.3-3.1-9.5 2.6-18.3"/></defs><circle cx="63.9" cy="64" r="60" fill="#F77E00"/><circle cx="60" cy="63.1" r="56.1" fill="#FF9800"/><use href="#SVG4vxaW8oV" opacity=".65"/><path fill="#FAFAFA" d="M74.4 106.1c-1.6 0-2.9-.3-4.1-.8c-1.4-.7-2.3-1.6-2.8-2.8c-.7-1.9-.4-3.3.8-4.1c1-.8 2.7-1.1 5.1-1h8.3q1.5-.15 2.1-.6c.4-.3.5-1 .5-1.9V38.1H28.5c-2.8 0-4.1-1.4-4.1-4.2s1.4-4.1 4.1-4.1h71c2.8 0 4.1 1.4 4.1 4.1c0 2.8-1.4 4.2-4.1 4.2H93V95q0 4.2-1.2 6.3c-.8 1.5-2.1 2.5-4 3.1c-2.5 1-6.9 1.6-13.4 1.7M39 83.8c-1.7 0-3.1-.5-4.2-1.6s-1.6-2.5-1.6-4.2V55.8c0-1.7.5-3.1 1.6-4.2S37.3 50 39 50h25c1.7 0 3.1.5 4.2 1.6s1.6 2.5 1.6 4.2v22.1c0 1.7-.5 3.1-1.6 4.2s-2.5 1.6-4.2 1.6H39zm4.4-8h16.1c1.4 0 2.2-.7 2.2-2.2V60c0-1.4-.7-2.2-2.2-2.2H43.4c-1.4 0-2.2.7-2.2 2.2v13.7c0 1.4.8 2.1 2.2 2.1"/><use href="#SVG4vxaW8oV" opacity=".3"/></svg>

Japanese Acceptable Button アイコンの使い方

React

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

<Icon icon="noto:japanese-acceptable-button" width="24" />

Vue

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

<template>
  <Icon icon="noto:japanese-acceptable-button" width="24" />
</template>

Svelte

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

<Icon icon="noto:japanese-acceptable-button" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="noto:japanese-acceptable-button"></iconify-icon>

HTML 画像

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

Noto Emoji の関連アイコン

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

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

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

はい。Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Noto Emoji アイコンをすべて見る →