Phone Sharp Two Tone アイコン
keyline-icons:phone-sharp-two-tone
Phone Sharp Two Tone アイコン(keyline-icons:phone-sharp-two-tone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- phonesharp、sharptwo、twotone、phonesharptwotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M1 4L1 2C1 1.4477 1.4477 1 2 1L9 1C9.5523 1 10 1.4477 10 2L10 8C10 8.3148 9.8518 8.6111 9.6 8.8L8.3388 9.7459C9.6049 12.3156 11.6844 14.3951 14.2541 15.6612L15.2 14.4C15.3889 14.1482 15.6852 14 16 14L22 14C22.5523 14 23 14.4477 23 15L23 22C23 22.5523 22.5523 23 22 23L20 23C9.5066 23 1 14.4934 1 4Z" stroke="none"/><path d="M2 4L2 2L9 2L9 8L7.0953 9.4285C8.5144 12.802 11.198 15.4856 14.5715 16.9047L16 15L22 15L22 22L20 22C10.0589 22 2 13.9411 2 4Z"/></g></svg>Phone Sharp Two Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:phone-sharp-two-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:phone-sharp-two-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:phone-sharp-two-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--phone-sharp-two-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:phone-sharp-two-tone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:phone-sharp-two-tone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/phone-sharp-two-tone.svg" alt="Phone Sharp Two Tone アイコン" 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 Sharp Two Tone アイコン のよくある質問
Phone Sharp Two Tone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Phone Sharp Two Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:phone-sharp-two-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Phone Sharp Two Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/phone-sharp-two-tone.svg" alt="Phone Sharp Two Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。