ICONYZ
日本語
Firefox OS Emoji の Vibrationmode アイコン

Vibrationmode アイコン

fxemoji:vibrationmode

Vibrationmode アイコン(fxemoji:vibrationmode)は、Firefox OS Emoji セットの無料 SVG アイコンです(作者: Mozilla)。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Firefox OS Emoji
作者
Mozilla
ライセンス
Apache-2.0
サイズ
512 × 512
カテゴリ
記号
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FF7D5A" d="M509.998 32.666C509.998 16.35 496.649 3 480.333 3H30.698c-14.685 0-26.7 12.015-26.7 26.699v452.602c0 14.684 12.015 26.699 26.7 26.699h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#FF623E" d="M480.333 488.915H30.698c-14.684 0-26.699-12.015-26.699-26.699v20.085C3.998 496.985 16.013 509 30.698 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c-.001 16.316-13.35 29.666-29.666 29.666"/><path fill="#FFF" d="M412.984 231.573c8.715-7.632 13.199-16.11 13.199-25.229c0-20.549-23.086-37.99-65.163-49.42V97.218c0-12.205-9.894-22.099-22.099-22.099h-7.535v-.736a5.525 5.525 0 0 0-5.525-5.525h-30.768a5.525 5.525 0 0 0-5.525 5.525v.736H175.076c-12.205 0-22.099 9.894-22.099 22.099v59.668c-29.465 7.835-49.111 17.951-58.461 30.134a8.312 8.312 0 0 0 13.188 10.119c4.789-6.241 16.598-14.935 45.273-23.028v33.228c-42.094 11.423-65.163 28.843-65.163 49.422c0 12.842 9.162 31.198 52.807 45.71a236 236 0 0 0 12.356 3.723v113.401c0 12.205 9.894 22.099 22.099 22.099H338.92c12.205 0 22.099-9.894 22.099-22.099V306.194a236 236 0 0 0 12.356-3.723c43.646-14.513 52.808-32.868 52.808-45.71c0-9.09-4.528-17.567-13.199-25.188m-260.006 57.298c-31.185-9.25-48.541-21.794-48.541-32.11c0-5.512 5.049-11.776 14.216-17.638c8.487-5.427 20.221-10.371 34.324-14.509v64.257zm129.861 116.901c0 5.492-4.452 9.944-9.944 9.944h-31.793c-5.492 0-9.944-4.452-9.944-9.944v-.364c0-5.492 4.452-9.944 9.944-9.944h31.793c5.492 0 9.944 4.452 9.944 9.944zm54.75-45.839c0 5.252-4.493 9.51-10.035 9.51H186.443c-5.542 0-10.035-4.258-10.035-9.51v-48.395c24.378 4.586 51.948 7.027 80.591 7.027s56.213-2.441 80.591-7.027v48.395zm0-115.735c-22.415 4.484-49.533 7.326-80.591 7.326a8.312 8.312 0 0 0 0 16.623c28.643 0 56.213-2.441 80.591-7.027v33.498c-24.058 4.774-51.703 7.323-80.591 7.323c-31.058 0-58.176-2.841-80.591-7.326v-165.8c0-5.252 4.493-9.51 10.035-9.51h141.112c5.542 0 10.035 4.258 10.035 9.51zm23.43-19.59c7.168 2.103 13.709 4.418 19.536 6.896c-5.729 2.449-12.253 4.79-19.536 6.95zm7.111 62.091a212 212 0 0 1-7.111 2.218v-33.141a237 237 0 0 0 12.356-3.722c9.721-3.232 18.152-6.806 25.25-10.684c7.078 5.19 10.935 10.582 10.935 15.391c0 9.969-15.875 21.44-41.43 29.938m30.416-65c-9.978-5.461-22.548-10.289-37.526-14.357v-33.153c35.589 10.383 48.54 23.536 48.54 32.155c0 4.82-3.797 10.125-11.014 15.355"/></svg>

Vibrationmode アイコンの使い方

React

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

<Icon icon="fxemoji:vibrationmode" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:vibrationmode" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:vibrationmode" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fxemoji:vibrationmode"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/vibrationmode.svg" alt="Vibrationmode アイコン" width="24" height="24">

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

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

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

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

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

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

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

Firefox OS Emoji アイコン をすべて見る →