ICONYZ
日本語
Material Symbols の Lift To Talk アイコン

Lift To Talk アイコン

material-symbols:lift-to-talk

Lift To Talk アイコン(material-symbols:lift-to-talk)は、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
カテゴリ
ハードウェア
タグ
liftto、totalk、lifttotalk、lift to talk outline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.1 22q-.175 0-.35-.038t-.35-.087l-6.075-2.25q-.6-.225-.95-.737t-.35-1.113q0-.125.125-.7L7.675 10H6.2l2.65-3.975q.125-.15.088-.325t-.163-.3l-.35-.35l-5.075 4.4q-.425.35-.637.838T2.5 11.325V17.5H1v-6.175q0-.875.363-1.662T2.375 8.3L8.5 3l1.225 1.225l.325-.9q.225-.6.737-.963T11.926 2q.2 0 .363.025t.362.1l6.075 2.25q.6.225.95.75t.35 1.125q0 .15-.125.675l-.575 1.6q.725.125 1.2.675T21 10.5q0 .125-.012.25t-.063.25H21q.825 0 1.413.588T23 13q0 .6-.312 1.075t-.813.725q.05.175.088.338T22 15.5q0 .825-.587 1.413T20 17.5h-.075q.05.125.063.25T20 18q0 .825-.587 1.413T18 20h-2.775l-.225.675q-.2.625-.737.975T13.1 22m.65-3.825L17.35 8.1l-6.075-2.25l-3.6 10.075zm2 .325H18q.2 0 .35-.15t.15-.35t-.15-.35t-.35-.15h-1.875zm.9-2.5H20q.2 0 .35-.15t.15-.35t-.15-.35T20 15h-2.975zm.9-2.5H21q.2 0 .35-.15t.15-.35t-.15-.35t-.35-.15h-3.1zm.9-2.5H19q.2 0 .35-.15t.15-.35t-.15-.35T19 10h-.2z"/></svg>

Lift To Talk アイコンの使い方

React

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

<Icon icon="material-symbols:lift-to-talk" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:lift-to-talk" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:lift-to-talk" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--lift-to-talk]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="material-symbols:lift-to-talk"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols/lift-to-talk.svg" alt="Lift To Talk アイコン" width="24" height="24">

Material Symbols の関連アイコン

他のアイコンセットの Lift To Talk アイコン

Lift To Talk アイコン のよくある質問

Lift To Talk アイコンは商用利用でも無料ですか?

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

React で Lift To Talk アイコンを使うには?

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

Lift To Talk アイコンをウェブページに追加するには?

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

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