Phone Outgoing Two Tone アイコン

Q: Phone Outgoing Two Tone アイコンは商用利用でも無料ですか?

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

keyline-icons:phone-outgoing-two-tone

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

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: phoneoutgoing、outgoingtwo、twotone、phoneoutgoingtwotone

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" fill-opacity=".4" d="M1 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.7459C9.6049 12.3156 11.6844 14.3951 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 23C9.5066 23 1 14.4934 1 4Z" stroke="none"/><path d="M2 4C2 2.8954 2.8954 2 4 2L7 2C8.1046 2 9 2.8954 9 4L9 7C9 7.6295 8.7036 8.2223 8.2 8.6L7.7388 8.9459C7.487 9.1348 7.3388 9.4312 7.3388 9.7459C7.3388 9.8992 7.374 10.0504 7.4417 10.1879C8.8053 12.9552 11.0448 15.1947 13.8121 16.5583C13.9496 16.626 14.1008 16.6612 14.2541 16.6612C14.5688 16.6612 14.8652 16.513 15.0541 16.2612L15.4 15.8C15.7777 15.2964 16.3705 15 17 15L20 15C21.1046 15 22 15.8954 22 17L22 20C22 21.1046 21.1046 22 20 22C10.0589 22 2 13.9411 2 4ZM21.5 2.5L17 7M22 8V2.5C22 2.2239 21.7761 2 21.5 2H16"/></g></svg>

Phone Outgoing Two Tone アイコンの使い方

React

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

<Icon icon="keyline-icons:phone-outgoing-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:phone-outgoing-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:phone-outgoing-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--phone-outgoing-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:phone-outgoing-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-outgoing-two-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/phone-outgoing-two-tone.svg" alt="Phone Outgoing Two Tone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Phone Outgoing Two Tone アイコンのよくある質問

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

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

React で Phone Outgoing Two Tone アイコンを使うには?

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

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

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

Keyline Icons をすべて見る →