Interpreter Mode アイコン
material-symbols-light:interpreter-mode
Interpreter Mode アイコン(material-symbols-light:interpreter-mode)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- オーディオ・ビデオ
- タグ
- account、accounts、committee、dictation、face、family、friends、group、hear、hearing、human、humans、interpreter、keyboard、language、mic
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.5 16.23q-.413 0-.707-.292t-.293-.707v-2.5q0-.414.293-.707t.707-.293t.707.293t.293.707v2.5q0 .413-.293.707t-.707.293m-.385 3.653v-1.53q-1.236-.2-1.974-1.047q-.737-.847-.795-2.076h.77q0 .992.695 1.688q.697.697 1.689.697t1.689-.697t.696-1.688h.769q-.058 1.229-.786 2.076q-.727.847-1.983 1.047v1.53zm-11.46-8.537q-1.112-.038-1.921-.886q-.81-.848-.81-2.075t.81-2.075t1.92-.887q.082 0 .15.012q.068.011.163.04q-.477.525-.722 1.247Q8 7.444 8 8.385q0 .94.235 1.643t.73 1.266q-.074.029-.152.04q-.078.012-.16.012m-6.73 7.27v-1.641q0-.523.28-1.017t.859-.87q.45-.269 1.014-.487t1.178-.342q-.596.431-.925 1.122Q4 16.07 4 16.975v1.64zm8.954-8.108Q10 9.63 10 8.385t.877-2.123T13 5.385t2.123.877T16 8.385t-.877 2.123t-2.123.877t-2.123-.877M6 18.616v-1.641q0-.62.358-1.161t.973-.841q1.198-.592 2.685-.975q1.488-.382 2.984-.382q.646 0 1.366.099t1.342.258q-.454 1.227-.112 2.489q.343 1.261 1.229 2.154z"/></svg>Interpreter Mode アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:interpreter-mode" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:interpreter-mode" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:interpreter-mode" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--interpreter-mode]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:interpreter-mode"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:interpreter-mode"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/interpreter-mode.svg" alt="Interpreter Mode アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Interpreter Mode アイコン
Interpreter Mode アイコン のよくある質問
Interpreter Mode アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Interpreter Mode アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:interpreter-mode" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Interpreter Mode アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/interpreter-mode.svg" alt="Interpreter Mode アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。