Phone Shake 24 Regular アイコン

Q: Phone Shake 24 Regular アイコンは商用利用でも無料ですか?

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

fluent:phone-shake-24-regular

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

アイコンセット: Fluent UI System Icons
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 24 × 24
タグ: phoneshake、shakeregular、phoneshakeregular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.677 2.393a.75.75 0 0 1 1.018-.3c.319.175.754.51 1.183 1.031c.432.525.765 1.144.956 1.86A4.9 4.9 0 0 1 21.72 7.9a3.7 3.7 0 0 1-.307.68a.75.75 0 0 1-1.328-.69l.047-.09a3.4 3.4 0 0 0 .255-2.429a3.4 3.4 0 0 0-.666-1.294c-.294-.357-.581-.579-.744-.668a.75.75 0 0 1-.3-1.017m-3.988 12.886a.75.75 0 0 0-.919-.53l-1.932.518l-.096.032a.75.75 0 0 0 .484 1.416l1.932-.517l.097-.033a.75.75 0 0 0 .434-.886m.406-9.618a2.25 2.25 0 0 0-2.757-1.59L7.746 5.302a2.25 2.25 0 0 0-1.59 2.755l2.755 10.286a2.25 2.25 0 0 0 2.755 1.592l4.595-1.23a2.25 2.25 0 0 0 1.592-2.756zm-2.368-.142a.75.75 0 0 1 .92.53l2.757 10.29a.75.75 0 0 1-.53.918l-4.596 1.23a.75.75 0 0 1-.919-.53L7.605 7.67a.75.75 0 0 1 .53-.918zm5.823-1.217a.75.75 0 1 0-.909 1.193l.033.028c.04.037.099.098.158.176a.9.9 0 0 1 .163.313a1.07 1.07 0 0 1-.03.573l-.05.148a.75.75 0 0 0 1.416.483a2 2 0 0 0 .048-.13l.052-.178c.106-.412.13-.847.013-1.284a2.4 2.4 0 0 0-.416-.83a2.6 2.6 0 0 0-.478-.492M2.538 15.412a.75.75 0 0 1 1.344.658l-.095.193a3.54 3.54 0 0 0-.168 2.335c.134.5.363.935.661 1.309c.258.322.51.539.68.652l.067.042a.75.75 0 1 1-.75 1.299c-.315-.182-.745-.527-1.168-1.057a5 5 0 0 1-.939-1.857a5 5 0 0 1 .085-2.914c.1-.3.204-.524.283-.66m3.115.939a.75.75 0 0 0-.98.406q-.021.052-.047.13l-.051.176c-.104.41-.128.846-.01 1.282c.08.304.225.58.412.828c.17.227.342.391.475.493a.75.75 0 0 0 .915-1.188l-.033-.029a1.4 1.4 0 0 1-.158-.177a1 1 0 0 1-.163-.316a1.1 1.1 0 0 1 .03-.574l.048-.148a.75.75 0 0 0-.438-.883"/></svg>

Phone Shake 24 Regular アイコンの使い方

React

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

<Icon icon="fluent:phone-shake-24-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:phone-shake-24-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:phone-shake-24-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--phone-shake-24-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:phone-shake-24-regular"></div>

Web コンポーネント

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

<iconify-icon icon="fluent:phone-shake-24-regular"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/phone-shake-24-regular.svg" alt="Phone Shake 24 Regular アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Phone Shake 24 Regular アイコンのよくある質問

Phone Shake 24 Regular アイコンは商用利用でも無料ですか?

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

React で Phone Shake 24 Regular アイコンを使うには?

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

Phone Shake 24 Regular アイコンをウェブページに追加するには?

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

Fluent UI System Icons をすべて見る →