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

Lift To Talk Rounded アイコン

material-symbols-light:lift-to-talk-rounded

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

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.927 21.596q-.136 0-.292-.028q-.156-.027-.293-.077L6.075 19.51q-.504-.206-.796-.632t-.292-.93q0-.067.105-.565l2.64-7.421q-.397 0-.584-.346q-.186-.345.03-.687l1.48-2.192q.163-.227.116-.498q-.047-.272-.23-.454l-.157-.158L4.6 8.912q-.444.388-.685.914t-.242 1.115v4.713q0 .19-.126.316t-.316.126t-.326-.135t-.136-.326V10.94q0-.78.324-1.49t.917-1.228l3.867-3.335q.242-.217.563-.201t.537.232l.402.422l.46-1.285q.186-.523.621-.818q.436-.296.946-.296q.142 0 .304.035q.163.035.305.09l5.268 1.981q.503.206.786.635t.283.933q0 .169-.106.559l-.671 1.908q.783.048 1.248.54q.466.493.466 1.108q0 .202-.052.394t-.158.375h.498q.69 0 1.172.482t.482 1.172q0 .58-.342.988q-.341.408-.86.6q.127.194.174.415t.047.42q0 .69-.472 1.172t-1.162.482h-.518q.108.163.168.375q.061.211.061.394q0 .69-.482 1.172q-.481.482-1.172.482h-2.89l-.283.848q-.18.529-.612.812t-.961.282m1.015-2.594L16.87 8.023l-6.478-2.442L6.464 16.56zm1.154-.233h2.577q.316 0 .543-.227q.226-.226.226-.542t-.227-.542q-.227-.227-.542-.227h-2.01zm.862-2.423h3.657q.316 0 .533-.227t.217-.542t-.217-.542t-.533-.227h-3.07zm.88-2.423h3.739q.315 0 .542-.227t.227-.542t-.227-.542t-.542-.227h-3.196zm.881-2.423h.915q.316 0 .543-.227t.227-.542t-.227-.542t-.542-.227h-.374z"/></svg>

Lift To Talk Rounded アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Material Symbols Light の関連アイコン

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

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

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

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

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

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

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

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

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