House Flood Water Circle Arrow Right アイコン
fa7-solid:house-flood-water-circle-arrow-right
House Flood Water Circle Arrow Right アイコン(fa7-solid:house-flood-water-circle-arrow-right)は、Font Awesome Solid セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Solid
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
- タグ
- houseflood、floodwater、watercircle、circlearrow、arrowright
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M288.5 176c0-79.5-64.5-144-144-144S.5 96.5.5 176s64.5 144 144 144s144-64.5 144-144m-147.3-67.3c6.2-6.2 16.4-6.2 22.6 0l56 56c6.2 6.2 6.2 16.4 0 22.6l-56 56c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l28.7-28.7H80.5c-8.8 0-16-7.2-16-16s7.2-16 16-16h89.4l-28.7-28.7c-6.2-6.2-6.2-16.4 0-22.6M336.5 176c0 71.1-38.6 133.1-96 166.3v12.8c22.1 4.5 43.4 13.9 62.4 28.2c22.1 16.6 29.1 16.6 51.2 0c27.5-20.7 59.9-31.2 92.4-31.4c33.1-.2 66.3 10.2 94.4 31.4c6.9 5.2 12.8 9 18 11.7c.6.3 1.2.6 1.8 1c4.2 2.3 8.5 4.6 12.6 1.5c6-4.5 12.6-8 19.3-10.4V271.9h4.5c15.2 0 27.5-12.3 27.5-27.5c0-7.9-3.4-15.5-9.4-20.7L444.5 74.5c-7.7-6.8-17.7-10.5-28-10.5s-20.3 3.7-28 10.5l-58.6 51.3c4.3 16 6.6 32.8 6.6 50.2m32 88c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24h-48c-13.3 0-24-10.7-24-24zm106.6 212.1c19 14.4 41.9 28.2 67.2 33.3c26.5 5.4 54.3.8 80.7-19.1c10.6-8 12.7-23 4.7-33.6s-23-12.7-33.6-4.7c-14.9 11.2-28.6 13.1-42.3 10.3c-14.9-3-30.9-11.9-47.8-24.6c-38.4-29-90.5-29-129 0c-24 18.1-40.7 26.3-54.5 26.3s-30.5-8.2-54.5-26.3c-38.4-29-90.5-29-129 0c-21.6 16.3-41.3 25.8-58.9 25.7c-9.6-.1-19.9-3-31.2-11.5c-10.6-8-25.6-5.9-33.6 4.7s-5.9 25.6 4.7 33.6c19.1 14.4 39.4 21 59.8 21.1c33.9.2 64.3-17.4 88.1-35.3c21.3-16.1 49.9-16.1 71.2 0c24.2 18.3 52.3 35.9 83.4 35.9s59.1-17.7 83.4-35.9c21.3-16.1 49.9-16.1 71.2 0zm-71.2 96c21.3-16.1 49.9-16.1 71.2 0c19 14.4 41.9 28.2 67.2 33.3c26.5 5.4 54.3.8 80.7-19.1c10.6-8 12.7-23 4.7-33.6s-23-12.7-33.6-4.7c-14.9 11.2-28.6 13.1-42.3 10.3c-14.9-3-30.9-11.9-47.8-24.6c-38.4-29-90.5-29-129 0c-24 18.1-40.7 26.3-54.5 26.3s-30.5-8.2-54.5-26.3c-38.4-29-90.5-29-129 0c-21.6 16.3-41.3 25.8-58.9 25.7c-9.6-.1-19.9-3-31.2-11.5c-10.6-8-25.6-5.9-33.6 4.7s-5.9 25.6 4.7 33.6c19.1 14.4 39.4 21 59.8 21.1c33.9.2 64.3-17.4 88.1-35.3c21.3-16.1 49.9-16.1 71.2 0c24.2 18.3 52.3 35.9 83.4 35.9s59.1-17.7 83.4-35.9z"/></svg>
House Flood Water Circle Arrow Right アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-solid:house-flood-water-circle-arrow-right" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-solid:house-flood-water-circle-arrow-right" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-solid:house-flood-water-circle-arrow-right" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--house-flood-water-circle-arrow-right]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:house-flood-water-circle-arrow-right"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-solid:house-flood-water-circle-arrow-right"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-solid/house-flood-water-circle-arrow-right.svg" alt="House Flood Water Circle Arrow Right アイコン" width="24" height="24">
Font Awesome Solid の関連アイコン
他のアイコンセットの House Flood Water Circle Arrow Right アイコン
House Flood Water Circle Arrow Right アイコン のよくある質問
House Flood Water Circle Arrow Right アイコンは商用利用でも無料ですか?
はい。Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で House Flood Water Circle Arrow Right アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-solid:house-flood-water-circle-arrow-right" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
House Flood Water Circle Arrow Right アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-solid/house-flood-water-circle-arrow-right.svg" alt="House Flood Water Circle Arrow Right アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome Solid アイコン をすべて見る →
