Phone Outgoing アイコン

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

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

reicon:phone-outgoing

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

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 通話
タグ: phoneoutgoing

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M8.986 3.476c-1.014-1.433-3.042-1.675-4.268-.384l-1.57 1.652c-.536.565-.943 1.348-.894 2.262c.1 1.85.884 5.634 5.018 9.985c4.429 4.664 8.654 4.898 10.478 4.718c.747-.073 1.352-.472 1.795-.939l1.42-1.495c1.305-1.374.925-3.673-.707-4.613l-1.911-1.1c-1.099-.632-2.46-.451-3.335.469l-.408.43a.6.6 0 0 1-.294.007c-.402-.066-1.27-.421-2.703-1.929c-1.428-1.503-1.78-2.429-1.846-2.884c-.032-.22 0-.336.013-.372l.003-.006l.244-.258c.968-1.018 1.036-2.612.226-3.76zm-3.18.649c.522-.55 1.443-.507 1.955.217l1.26 1.784c.423.597.358 1.391-.087 1.86l-.287.302l.532.505a26 26 0 0 0-.533-.503l-.002.001l-.003.003l-.006.007l-.013.015a1 1 0 0 0-.104.14c-.052.081-.109.19-.157.324c-.098.275-.15.638-.084 1.092c.13.893.715 2.092 2.242 3.7c1.523 1.604 2.673 2.234 3.55 2.376c.451.073.816.015 1.092-.094a1.5 1.5 0 0 0 .422-.251l.035-.033l.014-.014l.007-.006l.003-.004l.001-.001s.002-.002-.526-.502l.528.5l.455-.479c.385-.406.986-.497 1.499-.202l1.91 1.1c.821.472.982 1.634.369 2.28l-1.42 1.495c-.28.294-.572.452-.855.48c-1.435.141-5.18.02-9.244-4.259c-3.876-4.08-4.526-7.523-4.607-9.032c-.022-.4.152-.8.484-1.149z" clip-rule="evenodd"/><path d="M16 4.25a.75.75 0 0 0 0 1.5h1.19l-2.72 2.72a.75.75 0 1 0 1.06 1.06l2.72-2.72V8a.75.75 0 0 0 1.5 0V5a.75.75 0 0 0-.75-.75z"/></g></svg>

Phone Outgoing アイコンの使い方

React

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

<Icon icon="reicon:phone-outgoing" width="24" />

Vue

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

<template>
  <Icon icon="reicon:phone-outgoing" width="24" />
</template>

Svelte

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

<Icon icon="reicon:phone-outgoing" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--phone-outgoing]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:phone-outgoing"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:phone-outgoing"></iconify-icon>

HTML 画像

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

Reicon の関連アイコン

他のアイコンセットの Phone Outgoing アイコン

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

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

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

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

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

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

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

Reicon アイコンをすべて見る →