Hearing Disabled アイコン

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

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

material-symbols:hearing-disabled

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

アイコンセット: Material Symbols
作者: Google
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: オーディオ・ビデオ
タグ: accessibility、accessible、aid、disabled、ear、enabled、handicap、hearing、help、impaired、listen、mute、off、on、slash、sound

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m20.475 23.3l-7.325-7.325q-.5.4-.812.7t-.525.6t-.388.688t-.375.987q-.5 1.45-1.562 2.25T7 22q-1.65 0-2.825-1.175T3 18h2q0 .825.588 1.413T7 20q.775 0 1.313-.5t.987-1.65q.275-.675.5-1.15t.5-.837t.625-.663t.825-.625L5.1 7.925q-.05.275-.075.538T5 9H3q0-.725.125-1.388T3.5 6.326L.675 3.5L2.1 2.075l19.8 19.8zm-1.825-7.525l-1.425-1.425q.875-1.175 1.325-2.537T19 9q0-1.825-.687-3.475T16.35 2.6l1.45-1.4q1.55 1.575 2.375 3.588T21 9q0 1.825-.6 3.55t-1.75 3.225m-2.725-2.725l-1.45-1.45q.275-.575.4-1.225T15 9q0-2.125-1.437-3.562T10 4q-.65 0-1.275.163t-1.2.487L6.05 3.175Q6.925 2.6 7.925 2.3T10 2q2.975 0 4.988 2.013T17 9q0 1.125-.262 2.138t-.813 1.912m-3.5-3.5l-3-3q.125-.05.275-.05h.3q1.05 0 1.775.725T12.5 9q0 .15-.012.288t-.063.262M10 11.5q-1.05 0-1.775-.737T7.5 9q0-.325.075-.625t.25-.575l3.4 3.4q-.275.15-.587.225T10 11.5"/></svg>

Hearing Disabled アイコンの使い方

React

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

<Icon icon="material-symbols:hearing-disabled" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:hearing-disabled" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:hearing-disabled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--hearing-disabled]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="material-symbols:hearing-disabled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols/hearing-disabled.svg" alt="Hearing Disabled アイコン" width="24" height="24">

Material Symbols の関連アイコン

他のアイコンセットの Hearing Disabled アイコン

Hearing Disabled アイコンのよくある質問

Hearing Disabled アイコンは商用利用でも無料ですか?

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

React で Hearing Disabled アイコンを使うには?

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

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

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

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