ICONYZ
日本語
Material Design Icons の Phone Voip アイコン

Phone Voip アイコン

mdi:phone-voip

Phone Voip アイコン(mdi:phone-voip)は、Material Design Icons セットの無料 SVG アイコンです(作者: Pictogrammers)。 24 × 24 のグリッドで描かれています。 Material Design Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Design Icons
作者
Pictogrammers
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
携帯電話・電話
タグ
cellphone、phone、phonevoip
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13 17v2h1a1 1 0 0 1 1 1h7v2h-7a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1H2v-2h7a1 1 0 0 1 1-1h1v-2zm10.7-9.33c.18.18.3.42.3.7s-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.73.29c-.25 0-.5-.1-.68-.28c-.82-.73-1.69-1.36-2.67-1.85c-.33-.16-.56-.51-.56-.9v-3.1C15.14 5.25 13.59 5 12 5c-1.6 0-3.15.25-4.6.73v3.1c0 .4-.23.74-.56.9c-.97.49-1.87 1.11-2.66 1.85a1.015 1.015 0 0 1-1.41-.01L.29 9.09A1 1 0 0 1 0 8.38c0-.28.11-.53.29-.71C3.34 4.78 7.46 3 12 3c4.53 0 8.65 1.78 11.7 4.67M11 10v5h-1v-5zm1 0h3v3h-2v2h-1zm2 2v-1h-1v1z"/></svg>

Phone Voip アイコンの使い方

React

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

<Icon icon="mdi:phone-voip" width="24" />

Vue

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

<template>
  <Icon icon="mdi:phone-voip" width="24" />
</template>

Svelte

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

<Icon icon="mdi:phone-voip" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--phone-voip]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:phone-voip"></div>

Web コンポーネント

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

<iconify-icon icon="mdi:phone-voip"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/mdi/phone-voip.svg" alt="Phone Voip アイコン" width="24" height="24">

Material Design Icons の関連アイコン

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

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

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

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

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

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

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

Material Design Icons をすべて見る →