Sign Language アイコン

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

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

material-symbols-light:sign-language

Sign Language アイコン(material-symbols-light:sign-language)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Symbols Light
作者: Google
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: ソーシャル
タグ: communication、deaf、fingers、gesture、hand、language、sign、social、signlanguage

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m11.433 22l-8.202-.756q-.214-.011-.354-.17q-.14-.158-.11-.372q.031-.194.19-.332t.353-.126l3.494.318l.706-2.508l-5.152-.985q-.194-.036-.314-.21q-.119-.175-.082-.363q.055-.213.22-.332t.378-.083l5.225 1.01l.656-2.322l-6-1.613q-.208-.068-.302-.245t-.027-.384q.067-.194.231-.298q.165-.104.353-.037l6.02 1.614l.625-2.21l-4.033-2.084q-.183-.085-.25-.293t.036-.384q.104-.183.302-.24q.198-.058.375.026l6.196 3.223l.095-2.365q.025-.258.138-.463t.285-.354q.17-.135.385-.165t.467.038l.194.06l2.565 5.001q.2.379.216.793q.015.413-.11.798l-1.217 4.375q-.323 1.169-1.328 1.869T11.433 22m6.73-7.139q.03-.286.023-.578t-.09-.58l-2.982-5.759l1.42-.734l-1.87-4.502q-.073-.183.009-.369q.083-.185.266-.278q.188-.078.38-.002q.192.075.271.258l2.68 6.447l1.61-1.781q.16-.185.382-.287q.22-.102.472-.077q.272.031.497.142t.378.326l.122.188l-1.416 5.483q-.111.404-.344.73t-.58.543zm-5.875-8.105l-2.157-3.108q-.116-.177-.079-.365t.214-.318q.176-.115.374-.088t.314.204l2.465 3.544q-.28-.048-.571-.01q-.29.039-.56.14m-2.017 2.093l-1.565-.823l-1.179-1.394q-.14-.172-.112-.363q.027-.191.204-.35q.172-.122.36-.1q.188.02.329.173l2.077 2.501q-.048.085-.075.175t-.039.181"/></svg>

Sign Language アイコンの使い方

React

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

<Icon icon="material-symbols-light:sign-language" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:sign-language" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:sign-language" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--sign-language]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:sign-language"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:sign-language"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/sign-language.svg" alt="Sign Language アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Sign Language アイコン

Sign Language アイコンのよくある質問

Sign Language アイコンは商用利用でも無料ですか?

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

React で Sign Language アイコンを使うには?

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

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

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

Material Symbols Light アイコンをすべて見る →