Input Symbols アイコン

Q: Input Symbols アイコンは商用利用でも無料ですか?

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

noto:input-symbols

Input Symbols アイコン(noto:input-symbols)は、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
カテゴリ: 記号
タグ: inputsymbols、symbol

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#427687" d="M116 4H12c-4.4 0-8 3.6-8 8v104c0 4.4 3.6 8 8 8h104c4.4 0 8-3.6 8-8V12c0-4.4-3.6-8-8-8"/><path fill="#8CAFBF" d="M109.7 4H11.5C7.4 4 4 7.4 4 11.5v97.9c0 4.2 3.4 7.5 7.5 7.5h98.1c4.2 0 7.5-3.4 7.5-7.5V11.5c.2-4.1-3.3-7.5-7.4-7.5"/><path fill="#B4E1ED" d="M39.7 12.9c0-2.3-1.6-3-10.8-2.7c-7.7.3-11.5 1.2-13.8 4s-2.9 8.5-3 15.3c0 4.8 0 9.3 2.5 9.3c3.4 0 3.4-7.9 6.2-12.3c5.4-8.7 18.9-10.6 18.9-13.6" opacity=".5"/><path fill="#FAFAFA" d="M59.48 104.41h-8.62l-2.63-2.58c-2.91 2.03-6.2 3.04-9.88 3.04c-3.72 0-6.67-.85-8.85-2.56q-3.27-2.565-3.27-6.93q0-3.135 1.38-5.34c.92-1.47 2.5-2.85 4.74-4.13c-1.14-1.31-1.97-2.56-2.49-3.76s-.78-2.5-.78-3.92c0-2.32.89-4.18 2.66-5.6c1.78-1.42 4.15-2.13 7.12-2.13c2.84 0 5.1.66 6.8 1.98s2.55 3.08 2.55 5.29c0 1.81-.53 3.47-1.58 4.97q-1.575 2.25-5.1 4.29l6.49 6.33c1.08-1.78 2.02-4.08 2.81-6.88h7.27c-.55 2.06-1.3 4.07-2.26 6.03s-2.05 3.69-3.27 5.2zm-25.91-9.7c0 1.31.49 2.35 1.48 3.13q1.47 1.17 3.78 1.17c1.92 0 3.65-.46 5.19-1.4l-7.59-7.54c-.88.67-1.58 1.37-2.09 2.1c-.51.74-.77 1.58-.77 2.54m8.21-16.21c0-.81-.27-1.44-.82-1.91s-1.26-.7-2.13-.7c-1.02 0-1.83.24-2.41.73c-.59.49-.88 1.18-.88 2.08c0 1.34.72 2.82 2.17 4.44c1.31-.73 2.32-1.45 3.02-2.16s1.05-1.53 1.05-2.48m32.54 7.2c-1.32-.75-2.36-1.76-3.11-3.04c-.75-1.27-1.13-2.68-1.13-4.22s.38-2.94 1.13-4.22a8.33 8.33 0 0 1 3.11-3.04c1.32-.75 2.8-1.13 4.44-1.13c1.6 0 3.06.38 4.39 1.13c1.32.75 2.36 1.77 3.11 3.04c.75 1.28 1.13 2.68 1.13 4.22s-.38 2.94-1.13 4.22s-1.79 2.29-3.11 3.04s-2.79 1.13-4.39 1.13c-1.64 0-3.12-.37-4.44-1.13m6.86-4.66c.64-.65.96-1.52.96-2.6s-.32-1.94-.96-2.6c-.64-.65-1.45-.98-2.43-.98c-.95 0-1.75.33-2.4 1s-.98 1.53-.98 2.57c0 1.05.33 1.91.98 2.57c.65.67 1.46 1.01 2.4 1.01c.99.02 1.8-.31 2.43-.97m-5.87 21.53l21.77-32.51l3.87 2.6l-21.77 32.51zm17.8 1.47A8.33 8.33 0 0 1 90 101c-.75-1.27-1.13-2.68-1.13-4.22s.38-2.94 1.13-4.22a8.33 8.33 0 0 1 3.11-3.04c1.32-.75 2.8-1.13 4.44-1.13c1.6 0 3.07.38 4.39 1.13s2.36 1.77 3.11 3.04c.75 1.28 1.13 2.68 1.13 4.22s-.38 2.94-1.13 4.22s-1.79 2.29-3.11 3.04s-2.79 1.13-4.39 1.13c-1.64 0-3.12-.38-4.44-1.13m6.87-4.66c.64-.65.96-1.52.96-2.6s-.32-1.94-.96-2.6c-.64-.65-1.45-.98-2.43-.98c-.95 0-1.75.33-2.4 1s-.98 1.53-.98 2.57c0 1.05.33 1.91.98 2.57c.65.67 1.45 1.01 2.4 1.01c.98.01 1.79-.31 2.43-.97M27.67 23.31h24.41v5.81H27.67zm0 15.81h9.3v17.3h5.81v-17.3h9.29v-5.81h-24.4zm56.71-14.94v22.56c-.83-.28-1.75-.45-2.72-.45c-3.76 0-6.8 2.37-6.8 5.29s3.04 5.29 6.8 5.29c3.69 0 6.67-2.29 6.78-5.14h.02V30.62l8.15-2.6V20.6z"/></svg>

Input Symbols アイコンの使い方

React

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

<Icon icon="noto:input-symbols" width="24" />

Vue

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

<template>
  <Icon icon="noto:input-symbols" width="24" />
</template>

Svelte

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

<Icon icon="noto:input-symbols" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--input-symbols]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:input-symbols"></div>

Web コンポーネント

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

<iconify-icon icon="noto:input-symbols"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/input-symbols.svg" alt="Input Symbols アイコン" width="24" height="24">

Noto Emoji の関連アイコン

他のアイコンセットの Input Symbols アイコン

Input Symbols アイコンのよくある質問

Input Symbols アイコンは商用利用でも無料ですか?

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

React で Input Symbols アイコンを使うには?

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

Input Symbols アイコンをウェブページに追加するには?

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

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