ICONYZ
日本語
Bootstrap Icons の Phone Vibrate Fill アイコン

Phone Vibrate Fill アイコン

bi:phone-vibrate-fill

Phone Vibrate Fill アイコン(bi:phone-vibrate-fill)は、Bootstrap Icons セットの無料 SVG アイコンです（作者: The Bootstrap Authors）。 24 × 24 のグリッドで描かれています。 Bootstrap Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Bootstrap Icons
作者
The Bootstrap Authors
ライセンス
MIT
サイズ
24 × 24
タグ
phonevibrate、vibratefill、phonevibratefill
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm5 7a1 1 0 1 0-2 0a1 1 0 0 0 2 0M1.807 4.734a.5.5 0 1 0-.884-.468A8 8 0 0 0 0 8c0 1.347.334 2.618.923 3.734a.5.5 0 1 0 .884-.468A7 7 0 0 1 1 8c0-1.18.292-2.292.807-3.266m13.27-.468a.5.5 0 0 0-.884.468C14.708 5.708 15 6.819 15 8c0 1.18-.292 2.292-.807 3.266a.5.5 0 0 0 .884.468A8 8 0 0 0 16 8a8 8 0 0 0-.923-3.734M3.34 6.182a.5.5 0 1 0-.93-.364A6 6 0 0 0 2 8c0 .769.145 1.505.41 2.182a.5.5 0 1 0 .93-.364A5 5 0 0 1 3 8c0-.642.12-1.255.34-1.818m10.25-.364a.5.5 0 0 0-.93.364c.22.563.34 1.176.34 1.818s-.12 1.255-.34 1.818a.5.5 0 0 0 .93.364C13.856 9.505 14 8.769 14 8s-.145-1.505-.41-2.182"/></svg>

Phone Vibrate Fill アイコンの使い方

React

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

<Icon icon="bi:phone-vibrate-fill" width="24" />

Vue

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

<template>
  <Icon icon="bi:phone-vibrate-fill" width="24" />
</template>

Svelte

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

<Icon icon="bi:phone-vibrate-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--phone-vibrate-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:phone-vibrate-fill"></div>

Web コンポーネント

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

<iconify-icon icon="bi:phone-vibrate-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/bi/phone-vibrate-fill.svg" alt="Phone Vibrate Fill アイコン" width="24" height="24">

Bootstrap Icons の関連アイコン

phone アイコン
phone
 phone-fill アイコン
phone-fill
 phone-flip アイコン
phone-flip
 phone-landscape アイコン
phone-landscape
 phone-landscape-fill アイコン
phone-landscape-fill
 phone-vibrate アイコン
phone-vibrate

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

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

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

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

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

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

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

Bootstrap Icons をすべて見る →