Natural Disaster Earthquake アイコン
streamline-ultimate-color:natural-disaster-earthquake
Natural Disaster Earthquake アイコン(streamline-ultimate-color:natural-disaster-earthquake)は、Ultimate color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ultimate color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 天気
- タグ
- naturaldisaster、disasterearthquake、naturaldisasterearthquake
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#c77f67" d="M23 22.815V10.967h-9.076l-1.398 2.155a.48.48 0 0 0 .135.658l2.596 1.735a.478.478 0 0 1 .04.765l-1.79 1.507a.48.48 0 0 0 .028.754l.314.225a.478.478 0 0 1 .055.73l-3.02 2.95l.495-2.971a.48.48 0 0 0-.287-.522l-1.148-.471a.478.478 0 0 1-.126-.808l1.658-1.394a.48.48 0 0 0-.041-.765l-2.6-1.735a.48.48 0 0 1-.135-.658l1.398-2.155H1v11.848"/><path fill="#e3bfb3" d="M12.816 13.883H23v-2.916h-9.076l-1.398 2.155a.48.48 0 0 0 .135.658zm-3.826 0l-.155-.103a.48.48 0 0 1-.135-.658l1.398-2.155H1v2.916z"/><path fill="#c9f7ca" d="M7.88 7.427a.478.478 0 0 1-.439.67h-5.23a.478.478 0 0 1-.438-.67L4.388 1.47a.478.478 0 0 1 .876 0z"/><path fill="#78eb7b" d="M6.997 5.418q-1.08.154-2.171.155q-1.09 0-2.171-.155l-.882 2.009a.478.478 0 0 0 .438.67h5.23a.478.478 0 0 0 .438-.67z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M23 22.815V10.967h-9.076l-1.398 2.155a.48.48 0 0 0 .135.658l2.596 1.735a.478.478 0 0 1 .04.765l-1.79 1.507a.48.48 0 0 0 .028.754l.314.225a.478.478 0 0 1 .055.73l-3.02 2.95l.495-2.971a.48.48 0 0 0-.287-.522l-1.148-.471a.478.478 0 0 1-.126-.808l1.658-1.394a.48.48 0 0 0-.041-.765l-2.6-1.735a.48.48 0 0 1-.135-.658l1.398-2.155H1v11.848m3.826-11.848v-2.87m3.054-.67a.478.478 0 0 1-.439.67h-5.23a.478.478 0 0 1-.438-.67L4.388 1.47a.478.478 0 0 1 .876 0z"/><path fill="#c9f7ca" d="M22.227 7.427a.478.478 0 0 1-.438.67h-5.23a.478.478 0 0 1-.438-.67l2.615-5.956a.478.478 0 0 1 .876 0z"/><path fill="#78eb7b" d="M21.345 5.418q-1.081.154-2.171.155a15.4 15.4 0 0 1-2.172-.155l-.881 2.009a.478.478 0 0 0 .438.67h5.23a.478.478 0 0 0 .438-.67z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M22.227 7.427a.478.478 0 0 1-.438.67h-5.23a.478.478 0 0 1-.438-.67l2.615-5.956a.478.478 0 0 1 .876 0zm-3.053 3.54v-2.87"/></g></svg>Natural Disaster Earthquake アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:natural-disaster-earthquake" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:natural-disaster-earthquake" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:natural-disaster-earthquake" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--natural-disaster-earthquake]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:natural-disaster-earthquake"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:natural-disaster-earthquake"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/natural-disaster-earthquake.svg" alt="Natural Disaster Earthquake アイコン" width="24" height="24">Ultimate color icons の関連アイコン
Natural Disaster Earthquake アイコン のよくある質問
Natural Disaster Earthquake アイコンは商用利用でも無料ですか?
はい。Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Natural Disaster Earthquake アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate-color:natural-disaster-earthquake" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Natural Disaster Earthquake アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/natural-disaster-earthquake.svg" alt="Natural Disaster Earthquake アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。