ICONYZ
日本語
Keyline Icons の Phone Off Fill アイコン

Phone Off Fill アイコン

keyline-icons:phone-off-fill

Phone Off Fill アイコン(keyline-icons:phone-off-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
phoneoff、offfill、phoneofffill
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M10.8076 13.1924C11.8136 14.1984 12.9779 15.0324 14.2541 15.6612L14.6 15.2C15.1666 14.4446 16.0557 14 17 14L20 14C21.6569 14 23 15.3431 23 17L23 20C23 21.6569 21.6569 23 20 23C14.9609 23 10.1282 20.9982 6.565 17.435ZM4.6122 15.1452C2.2642 11.9034 1 8.0028 1 4C1 2.3431 2.3431 1 4 1L7 1C8.6569 1 10 2.3431 10 4L10 7C10 7.9443 9.5554 8.8334 8.8 9.4L8.3388 9.7459C8.5202 10.1141 8.719 10.4735 8.9344 10.823Z" stroke="none"/><path d="M22 2L2 22"/></g></svg>

Phone Off Fill アイコンの使い方

React

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

<Icon icon="keyline-icons:phone-off-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:phone-off-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:phone-off-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--phone-off-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:phone-off-fill"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:phone-off-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/phone-off-fill.svg" alt="Phone Off Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

他のアイコンセットの Phone Off Fill アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →