ICONYZ
日本語
OpenMoji の Earthquake アイコン

Earthquake アイコン

openmoji:earthquake

Earthquake アイコン(openmoji:earthquake)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
OpenMoji
作者
OpenMoji
ライセンス
CC-BY-SA-4.0
サイズ
72 × 72
カテゴリ
OpenMoji 追加分
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#9b9b9a" d="m36.641 23.012l3.476 3.74l-2.195 4.004l.014 5.547H22.978l-.386-3.844l-1.038-2.182l.509-2.787l-.765-6.591l12.032-9.765l6.823 3.169z"/><path fill="#3f3f3f" d="m36.641 23.012l3.476 3.74l-2.195 4.004l.014 5.547h9.852l-.155-3.542l-1.628-4.28l.818-3.879l-.719-7.666l-5.951-2.633z"/><path fill="#ea5a47" d="M19.258 58.568c0-9.156 6.984-16.425 16.667-16.579c9.112-.144 16.642 6.233 16.667 16.579Z"/><path fill="#fff" d="M32.584 30.153h-5.148l-.517-5.908h5.148z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M29.739 57.962a6.186 6.186 0 0 1 12.372 0m12.477-14.184c3.218 3.093 5.315 8.618 5.315 13.643m-47.956-.001a21.2 21.2 0 0 1 5.64-13.634m28.517-26.85l.719 7.666l-.818 3.879l1.628 4.28l.155 3.542M22.9 35.531l-.308-3.072l-1.038-2.182l.509-2.787l-.765-6.591"/><path stroke-linejoin="round" d="m18.743 22.984l14.587-11.85l16.316 7.41"/><path stroke-miterlimit="10" d="m25.718 17.183l-.639-4.784"/><path stroke-linejoin="round" d="M26.919 24.245h5.148l.517 5.908m5.58-10.916l-1.523 3.775l3.476 3.712l-2.187 4.034l.007 5.456m-25.617.089h20.355m10.165 0h16.84m-18.702 6.312a15.856 15.856 0 0 1 11.614 15.293m-33.334 0c0-7.309 5.61-14.237 13.746-15.647"/></g></svg>

Earthquake アイコンの使い方

React

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

<Icon icon="openmoji:earthquake" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:earthquake" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:earthquake" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:earthquake"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/earthquake.svg" alt="Earthquake アイコン" width="24" height="24">

他のアイコンセットの Earthquake アイコン

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコン をすべて見る →