ICONYZ
日本語
Noto Emoji (v1) の Input Latin Letters アイコン

Input Latin Letters アイコン

noto-v1:input-latin-letters

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

アイコンセット
Noto Emoji (v1)
作者
Google Inc
ライセンス
Apache-2.0
サイズ
128 × 128
カテゴリ
記号
タグ
inputlatin、latinletters、inputlatinletters、letter
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ed6c30" d="M37.47 37.47h53.02v53.02H37.47z"/><path fill="#ed6c30" d="M.17.17H53.2v53.02H.17zM74.8 74.81h53.03v53.02H74.8z"/><path fill="#fff" d="M118.64 116.45c-3.87 3.3-8.63 4.98-14.13 4.98c-12.02 0-20.75-8.47-20.75-20.15c0-4.06 1.08-7.72 2.96-10.79a18.8 18.8 0 0 1 3.76-4.42c3.61-3.12 8.45-4.94 14.02-4.94c5.64 0 10.09 1.35 13.6 4.13l.12.55l-4.29 8.17l-.3.23l-.37-.09c-2.11-1.68-5.45-2.73-8.7-2.73c-6.02 0-10.22 4.07-10.22 9.9s4.2 9.9 10.22 9.9c3.11 0 7.29-1.45 9.71-3.38l.38-.08l.3.23l3.79 7.97zm-73.5-72.1l-2.59-6.89L31.63 8.45a.81.81 0 0 0-.75-.52h-8.39c-.33 0-.64.21-.75.52L8.23 44.35c-.09.24-.06.52.09.74s.4.35.66.35h8.85c.35 0 .65-.22.76-.55l2.05-6.18h12.07l2.05 6.18c.11.33.42.55.76.55h8.85c.27 0 .51-.13.66-.35c.17-.22.2-.49.11-.74M23.18 31.1l3.5-10.57l3.51 10.57zm52.08 32.21c2.04-1.94 3.3-4.55 3.3-7.43c0-5.97-5.39-10.83-12.02-10.83h-13.6c-.44 0-.8.36-.8.8v36.26c0 .44.36.81.8.81h15.31c2.4 0 4.64-.64 6.52-1.75c2.5-1.46 4.36-3.73 5.12-6.4c.24-.86.39-1.75.39-2.68c-.01-3.62-1.99-6.81-5.02-8.78M60.78 52.47l.03-.03l.16-.16H66c2.01 0 3.65 1.72 3.65 3.82c0 2.12-1.64 3.84-3.65 3.84h-5.03l-.16-.16l-.03-.03zm5.67 23.44c-.05 0-.1.02-.16.02h-5.3l-.02-.02l-.17-.17v-8.48l.17-.17l.01-.02h5.3c.03 0 .06.02.09.02c2.19.05 3.96 2.01 3.96 4.41c.02 2.38-1.72 4.32-3.88 4.41"/></svg>

Input Latin Letters アイコンの使い方

React

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

<Icon icon="noto-v1:input-latin-letters" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:input-latin-letters" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:input-latin-letters" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="noto-v1:input-latin-letters"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto-v1/input-latin-letters.svg" alt="Input Latin Letters アイコン" width="24" height="24">

Noto Emoji (v1) の関連アイコン

他のアイコンセットの Input Latin Letters アイコン

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

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

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

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

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

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

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

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