Phone Rotate Filled アイコン

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

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

reicon:phone-rotate-filled

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

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: デバイス
タグ: phonerotate、rotatefilled、phonerotatefilled

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="M2.847 3.57C2 4.417 2 5.78 2 8.506v7.71c0 2.727 0 4.09.847 4.937S5.057 22 7.783 22h.964c2.726 0 4.09 0 4.936-.847s.847-2.21.847-4.936v-7.71c0-2.727 0-4.09-.847-4.937s-2.21-.847-4.936-.847h-.964c-2.726 0-4.09 0-4.936.847m3.008 1.322a.723.723 0 1 0 0 1.445h4.82a.723.723 0 0 0 0-1.445zm2.41 14.216a1.446 1.446 0 1 0 0-2.891a1.446 1.446 0 0 0 0 2.891m13.012-2.891c0 2.726 0 4.089-.847 4.936c-.451.45-1.682.664-2.982.765c-.89.069-1.336.103-1.645-.183s-.309-.755-.309-1.691v-7.642c0-.937 0-1.405.308-1.691s.754-.253 1.646-.187c1.3.097 2.531.305 2.982.756c.847.847.847 2.21.847 4.937m-2.169-1.928a.723.723 0 1 0-1.445 0v3.856a.723.723 0 1 0 1.445 0zM15.745 2.602a.723.723 0 0 1 .834-.592C19.663 2.535 22 5.25 22 8.506a.723.723 0 0 1-1.128.599l-1.445-.977a.723.723 0 1 1 .81-1.198l.095.065c-.556-1.84-2.1-3.237-3.995-3.56a.723.723 0 0 1-.592-.833" clip-rule="evenodd"/></svg>

Phone Rotate Filled アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:phone-rotate-filled"></iconify-icon>

HTML 画像

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

Reicon の関連アイコン

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

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

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

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

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

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

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

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