ICONYZ
日本語
Material Symbols Light の Sign Language Outline アイコン

Sign Language Outline アイコン

material-symbols-light:sign-language-outline

Sign Language Outline アイコン(material-symbols-light:sign-language-outline)は、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、languageoutline、signlanguageoutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m7.51 18.04l-5.152-.97q-.194-.037-.314-.211q-.119-.175-.082-.363q.055-.213.22-.332t.378-.083l5.23.99zm.911-3.246l-5.98-1.638q-.208-.067-.302-.244t-.027-.385q.067-.194.231-.298q.165-.104.353-.037l6 1.639zm-5.19 6.45q-.214-.011-.354-.17q-.14-.158-.11-.372q.031-.194.19-.332t.353-.126l8.22.756q.86.094 1.557-.395q.696-.49.934-1.324l1.217-4.395q.07-.227.067-.459q-.003-.233-.116-.46L13.083 9.93l-.164 3.525L5.308 9.51q-.183-.084-.25-.292t.036-.385q.104-.182.302-.24t.375.027l6.196 3.223l.094-2.365q.026-.258.139-.464t.285-.354q.17-.134.385-.164t.467.037l.194.06l2.565 5.002q.2.379.216.792t-.11.798l-1.218 4.375q-.322 1.17-1.327 1.87t-2.224.57zM7.619 5.917q.172-.12.36-.1q.188.021.329.173l2.077 2.502q-.048.085-.075.175t-.039.181l-1.565-.823l-1.179-1.394q-.14-.172-.112-.363q.027-.191.204-.35m2.647-2.952q.176-.116.374-.089t.314.204l2.465 3.544q-.28-.048-.571-.01q-.29.039-.56.14l-2.157-3.107q-.116-.177-.079-.365t.214-.318m4.672-.904q.189-.078.381-.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.543l-1.227.83q.028-.286.022-.578t-.09-.58l.708-.476q.207-.138.353-.324q.145-.186.195-.437l1.198-4.697l-2.604 2.848l-3.283-7.91q-.073-.182.01-.367q.083-.186.265-.278m3.008 8.555"/></svg>

Sign Language Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:sign-language-outline"></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-outline"></iconify-icon>

HTML 画像

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

Material Symbols Light の関連アイコン

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

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

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

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

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

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

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

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

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