ICONYZ
日本語
Mage Icons の Phone Ringing Loud アイコン

Phone Ringing Loud アイコン

mage:phone-ringing-loud

Phone Ringing Loud アイコン(mage:phone-ringing-loud)は、Mage Icons セットの無料 SVG アイコンです(作者: MageIcons)。 24 × 24 のグリッドで描かれています。 Mage Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Mage Icons
作者
MageIcons
ライセンス
Apache-2.0
サイズ
24 × 24
タグ
phoneringing、ringingloud、phoneringingloud
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5" d="M6.89 13.042q.381-.15.776-.259a15 15 0 0 1 4.092-.557a14.2 14.2 0 0 1 5.138.736c.88.307 1.707.75 2.45 1.315a4.7 4.7 0 0 1 1.752 2.17c.104.434.154.879.15 1.324a1.43 1.43 0 0 1-.379 1.056a1.56 1.56 0 0 1-1.155.308h-2.46a1.2 1.2 0 0 1-.836-.268a1.1 1.1 0 0 1-.278-.677v-.996a1.2 1.2 0 0 0-.439-.996a2.84 2.84 0 0 0-1.324-.328a21 21 0 0 0-1.991-.23a11.1 11.1 0 0 0-3.585.34a1.05 1.05 0 0 0-.786.616c-.107.383-.144.78-.11 1.175a1.3 1.3 0 0 1-.279.996c-.23.206-.527.32-.836.319H4.709a9 9 0 0 1-.996 0a1.1 1.1 0 0 1-.736-.398a1.66 1.66 0 0 1-.22-.996a3.85 3.85 0 0 1 1.285-2.918a8.5 8.5 0 0 1 2.848-1.732Zm8.642-3.744a4.98 4.98 0 0 0-7.05 0m9.161-2.111a7.966 7.966 0 0 0-11.271 0"/></svg>

Phone Ringing Loud アイコンの使い方

React

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

<Icon icon="mage:phone-ringing-loud" width="24" />

Vue

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

<template>
  <Icon icon="mage:phone-ringing-loud" width="24" />
</template>

Svelte

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

<Icon icon="mage:phone-ringing-loud" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mage--phone-ringing-loud]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mage -->
<div class="i-mage:phone-ringing-loud"></div>

Web コンポーネント

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

<iconify-icon icon="mage:phone-ringing-loud"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/mage/phone-ringing-loud.svg" alt="Phone Ringing Loud アイコン" width="24" height="24">

Mage Icons の関連アイコン

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

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

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

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

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

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

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

Mage Icons をすべて見る →