Phone Call Sharp Duotone アイコン
keyline-icons:phone-call-sharp-duotone
Phone Call Sharp Duotone アイコン(keyline-icons:phone-call-sharp-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- phonecall、callsharp、sharpduotone、phonecallsharpduotone
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="M13.3294 4.074L14.0706 4.2726C16.8313 5.0123 18.9877 7.1687 19.7274 9.9294L19.926 10.6706M12.2942 7.9377L13.0353 8.1363C14.4156 8.5062 15.4938 9.5844 15.8637 10.9647L16.0623 11.7058"/></g></svg>Phone Call Sharp Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:phone-call-sharp-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:phone-call-sharp-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:phone-call-sharp-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--phone-call-sharp-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:phone-call-sharp-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-call-sharp-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/phone-call-sharp-duotone.svg" alt="Phone Call Sharp Duotone アイコン" width="24" height="24">Keyline Icons の関連アイコン
phone
phone-call
phone-call-duotone
phone-call-fill
phone-call-sharp
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-incoming-sharp-fill
Phone Call Sharp Duotone アイコン のよくある質問
Phone Call Sharp Duotone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Phone Call Sharp Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:phone-call-sharp-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Phone Call Sharp Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/phone-call-sharp-duotone.svg" alt="Phone Call Sharp Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。