ICONYZ
日本語
WebHostingHub Glyphs の Incomingcall アイコン

Incomingcall アイコン

whh:incomingcall

Incomingcall アイコン(whh:incomingcall)は、WebHostingHub Glyphs セットの無料 SVG アイコンです(作者: WebHostingHub)。 1024 × 1025 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
WebHostingHub Glyphs
作者
WebHostingHub
ライセンス
OFL-1.1
サイズ
1024 × 1025
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1025" viewBox="0 0 1024 1025"><path fill="currentColor" d="M1006 105L790 321h106q27 0 45.5 18.5t18.5 45t-18.5 45.5t-45.5 19H640q-26 0-45-19t-19-45V129q0-27 19-45.5T640.5 65t45 18.5T704 129v104L919 18q18-18 43.5-18t43.5 18t18 43.5t-18 43.5M648 805l87-87q15-14 52.5-12t76.5 12t63 22q56 26 82 65.5t4 62.5L906 974q-44 44-117.5 49.5t-159-23t-182-90.5T264 761T115 578T24.5 396t-23-159T51 120L157 14q21-21 55.5 4T286 99q18 27 29 96.5t-8 95.5l-87 87q18 65 95 160t172 172.5T648 805"/></svg>

Incomingcall アイコンの使い方

React

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

<Icon icon="whh:incomingcall" width="24" />

Vue

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

<template>
  <Icon icon="whh:incomingcall" width="24" />
</template>

Svelte

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

<Icon icon="whh:incomingcall" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--incomingcall]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:incomingcall"></div>

Web コンポーネント

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

<iconify-icon icon="whh:incomingcall"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/whh/incomingcall.svg" alt="Incomingcall アイコン" width="24" height="24">

WebHostingHub Glyphs の関連アイコン

Incomingcall アイコン のよくある質問

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

はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

WebHostingHub Glyphs アイコン をすべて見る →