Phone Shake 24 Filled アイコン

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

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

fluent:phone-shake-24-filled

Phone Shake 24 Filled アイコン(fluent:phone-shake-24-filled)は、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、shakefilled、phoneshakefilled

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.338 4.07a2.25 2.25 0 0 1 2.757 1.59l2.758 10.29a2.25 2.25 0 0 1-1.592 2.756l-4.595 1.23a2.25 2.25 0 0 1-2.755-1.592L6.156 8.058a2.25 2.25 0 0 1 1.59-2.755zm2.35 11.21a.75.75 0 0 0-.918-.531l-1.932.518l-.096.033a.75.75 0 0 0 .484 1.415l1.932-.517l.097-.033a.75.75 0 0 0 .434-.886m3.989-12.887a.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.9a4 4 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-.665-1.294c-.295-.357-.582-.579-.745-.668a.75.75 0 0 1-.3-1.017m-1.178 2.05a.75.75 0 0 1 1.051-.141a2.6 2.6 0 0 1 .478.491c.188.249.334.525.416.831c.117.437.093.872-.013 1.284l-.052.177a2 2 0 0 1-.048.131a.75.75 0 0 1-1.417-.483l.05-.148q.008-.021.014-.05c.047-.183.058-.371.017-.523a.9.9 0 0 0-.163-.313a1.4 1.4 0 0 0-.158-.176l-.033-.028a.75.75 0 0 1-.142-1.051M2.538 15.412a.75.75 0 0 1 1.344.659l-.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-.66m2.135 1.346a.75.75 0 0 1 1.418.477l-.049.148l-.013.05a1.1 1.1 0 0 0-.016.524q.043.156.163.316c.06.079.118.14.158.178l.033.028a.75.75 0 0 1-.915 1.188a2.6 2.6 0 0 1-.475-.493a2.4 2.4 0 0 1-.413-.828a2.5 2.5 0 0 1 .01-1.282l.052-.176a2 2 0 0 1 .047-.13"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:phone-shake-24-filled"></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-filled"></iconify-icon>

HTML 画像

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

Fluent UI System Icons の関連アイコン

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

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

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

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

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

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

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

Fluent UI System Icons をすべて見る →