Phone Off Duotone アイコン
keyline-icons:phone-off-duotone
Phone Off Duotone アイコン(keyline-icons:phone-off-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- phoneoff、offduotone、phoneoffduotone
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" fill-opacity=".4" 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 Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:phone-off-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:phone-off-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:phone-off-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--phone-off-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:phone-off-duotone"></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-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/phone-off-duotone.svg" alt="Phone Off Duotone アイコン" width="24" height="24">Keyline Icons の関連アイコン
phone
phone-call
phone-call-duotone
phone-call-fill
phone-call-sharp
phone-call-sharp-duotone
phone-call-sharp-fill
phone-call-sharp-two-tone
phone-call-two-tone
phone-duotone
phone-fill
phone-forwarded
phone-forwarded-duotone
phone-forwarded-fill
phone-forwarded-sharp
phone-forwarded-sharp-duotone
phone-forwarded-sharp-fill
phone-forwarded-sharp-two-tone
phone-forwarded-two-tone
phone-incoming
phone-incoming-duotone
phone-incoming-fill
phone-incoming-sharp
phone-incoming-sharp-duotone
他のアイコンセットの Phone Off Duotone アイコン
Phone Off Duotone アイコン のよくある質問
Phone Off Duotone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Phone Off Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:phone-off-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Phone Off Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/phone-off-duotone.svg" alt="Phone Off Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。