ICONYZ
日本語
Font Awesome 4 の Volume Control Phone アイコン

Volume Control Phone アイコン

fa:volume-control-phone

Volume Control Phone アイコン(fa:volume-control-phone)は、Font Awesome 4 セットの無料 SVG アイコンです(作者: Dave Gandy)。 1408 × 1792 のグリッドで描かれています。 Font Awesome 4 icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Font Awesome 4
作者
Dave Gandy
ライセンス
OFL-1.1
サイズ
1408 × 1792
タグ
volumecontrol、controlphone、volumecontrolphone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1408" height="1792" viewBox="0 0 1408 1792"><path fill="currentColor" d="M617 1689q0-11-13-58t-31-107t-20-69q-1-4-5-26.5t-8.5-36T526 1371q-15-14-51-14q-23 0-70 5.5t-71 5.5q-34 0-47-11q-6-5-11-15.5t-7.5-20t-6.5-24t-5-18.5q-37-128-37-255t37-255q1-4 5-18.5t6.5-24t7.5-20t11-15.5q13-11 47-11q24 0 71 5.5t70 5.5q36 0 51-14q9-8 13.5-21.5t8.5-36t5-26.5q2-9 20-69t31-107t13-58q0-22-43.5-52.5T498 264q-20-8-45-8q-34 0-98 18q-57 17-96.5 40.5t-71 66t-46 70T96 545q-6 12-9 19q-49 107-68 216T0 1024t19 244t68 216q56 122 83 161q63 91 179 127l6 2q64 18 98 18q25 0 45-8q32-12 75.5-42.5T617 1689m159-913q-26 0-45-19t-19-45.5t19-45.5q37-37 37-90q0-52-37-91q-19-19-19-45t19-45t45-19t45 19q75 75 75 181t-75 181q-21 19-45 19m181 181q-27 0-45-19q-19-19-19-45t19-45q112-114 112-272T912 304q-19-19-19-45t19-45t45-19t45 19q150 150 150 362t-150 362q-18 19-45 19m181 181q-27 0-45-19q-19-19-19-45t19-45q90-91 138.5-208t48.5-245t-48.5-245T1093 123q-19-19-19-45t19-45t45-19t45 19q109 109 167 249t58 294t-58 294t-167 249q-18 19-45 19"/></svg>

Volume Control Phone アイコンの使い方

React

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

<Icon icon="fa:volume-control-phone" width="24" />

Vue

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

<template>
  <Icon icon="fa:volume-control-phone" width="24" />
</template>

Svelte

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

<Icon icon="fa:volume-control-phone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--volume-control-phone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:volume-control-phone"></div>

Web コンポーネント

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

<iconify-icon icon="fa:volume-control-phone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa/volume-control-phone.svg" alt="Volume Control Phone アイコン" width="24" height="24">

Font Awesome 4 の関連アイコン

他のアイコンセットの Volume Control Phone アイコン

Volume Control Phone アイコン のよくある質問

Volume Control Phone アイコンは商用利用でも無料ですか?

はい。Font Awesome 4 icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Volume Control Phone アイコンを使うには?

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

Volume Control Phone アイコンをウェブページに追加するには?

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

Font Awesome 4 アイコン をすべて見る →