Phone Rotate Duotone アイコン

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

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

reicon:phone-rotate-duotone

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.43 21.152c.847-.847.847-2.21.847-4.936s0-4.09-.847-4.936c-.45-.451-1.681-.66-2.982-.756c-.892-.066-1.338-.1-1.646.187c-.308.286-.308.754-.308 1.69v7.642c0 .937 0 1.405.31 1.691c.308.286.754.252 1.644.183c1.3-.1 2.531-.314 2.982-.765" opacity=".5"/><path d="M19.109 14.29a.723.723 0 0 0-1.446 0v3.855a.723.723 0 1 0 1.446 0z"/><path d="M2 8.506c0-2.726 0-4.09.847-4.936s2.21-.847 4.936-.847h.964c2.726 0 4.09 0 4.936.847c.847.846.847 2.21.847 4.936v7.71c0 2.727 0 4.09-.847 4.937S11.473 22 8.747 22h-.964c-2.726 0-4.09 0-4.936-.847S2 18.943 2 16.217z" opacity=".5"/><path d="M5.856 4.892a.723.723 0 0 0 0 1.445h4.819a.723.723 0 0 0 0-1.445zm2.409 14.216a1.446 1.446 0 1 0 0-2.891a1.446 1.446 0 0 0 0 2.891"/><path fill-rule="evenodd" d="M15.745 2.602a.723.723 0 0 1 .834-.592c3.084.525 5.42 3.24 5.42 6.496a.723.723 0 0 1-1.127.599l-1.446-.977a.723.723 0 0 1 .81-1.198l.096.065c-.556-1.84-2.101-3.237-3.996-3.56a.723.723 0 0 1-.591-.833" clip-rule="evenodd"/></g></svg>

Phone Rotate Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Reicon の関連アイコン

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

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

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

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

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

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

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

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