Phone End アイコン

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

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

reicon:phone-end

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 7.75c-5.487 0-8.098 2.451-8.982 3.517c-.175.212-.268.507-.268.874v1.923c0 .764.782 1.377 1.619 1.132l2-.586c.538-.158.881-.627.881-1.132v-.616H8c-.75 0-.75-.001-.75-.002v-.036a1 1 0 0 1 .022-.169c.018-.093.05-.207.108-.333c.117-.257.326-.54.677-.798c.686-.503 1.874-.878 3.943-.878s3.257.375 3.943.878c.351.257.56.54.677.798a1.5 1.5 0 0 1 .126.455l.003.048v.02l.001.008v.007s0 .002-.75.002h.75v.388c0 .566.431 1.078 1.06 1.17l2 .293c.785.116 1.44-.472 1.44-1.17v-2.125c0-.44-.137-.786-.38-1.003C19.866 9.517 17.234 7.75 12 7.75m3.25 5.184v.316c0 1.347 1.014 2.46 2.342 2.655l2 .293c1.634.24 3.158-.985 3.158-2.655v-2.125c0-.733-.23-1.542-.88-2.121C20.594 8.157 17.609 6.25 12 6.25c-6.01 0-9.021 2.714-10.137 4.06c-.457.552-.613 1.22-.613 1.831v1.923c0 1.833 1.81 3.079 3.54 2.571l2-.586c1.15-.336 1.96-1.371 1.96-2.57v-.545a.6.6 0 0 1 .193-.2c.314-.23 1.126-.588 3.057-.588c1.93 0 2.743.358 3.057.588c.13.095.178.17.193.2" clip-rule="evenodd"/></svg>

Phone End アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Reicon の関連アイコン

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

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

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

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

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

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

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

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

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