House Flood Outline アイコン

Q: House Flood Outline アイコンは商用利用でも無料ですか?

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

glyphs:house-flood-outline

House Flood Outline アイコン(glyphs:house-flood-outline)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: houseflood、floodoutline、housefloodoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M32 29a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H34a2 2 0 0 1-2-2zm4 2v8h8v-8z" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M38.75 11.438a2 2 0 0 1 2.5 0l5.75 4.6V15a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v9.039l11.75 9.4a2 2 0 1 1-2.5 3.123l-4.25-3.4V47.89a2 2 0 0 1-1.304 1.875a9.5 9.5 0 0 0-1.965 1.003l-.907.604a10.5 10.5 0 0 1-5.086 1.737a2 2 0 0 1-.14.005h-1.195a2 2 0 0 1-.14-.005a10.5 10.5 0 0 1-5.087-1.737l-.906-.604a9.5 9.5 0 0 0-10.54 0l-.905.604a10.5 10.5 0 0 1-5.087 1.737a2 2 0 0 1-.14.005h-1.195a2 2 0 0 1-.14-.005a10.5 10.5 0 0 1-5.087-1.737l-.906-.604a9.5 9.5 0 0 0-1.966-1.003A2 2 0 0 1 18 47.89V33.16l-4.25 3.4a2 2 0 1 1-2.5-3.123zm14.25 9.4l-2-1.6V16h2zm-13-5.277l18 14.4V46.58q-.766.38-1.488.86l-.906.605a6.5 6.5 0 0 1-3.083 1.07h-1.045a6.5 6.5 0 0 1-3.083-1.07l-.906-.604a13.5 13.5 0 0 0-14.977 0l-.906.604a6.5 6.5 0 0 1-3.083 1.07h-1.045a6.5 6.5 0 0 1-3.083-1.07l-.906-.604A14 14 0 0 0 22 46.579V29.961z" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M20.438 58.363a8 8 0 0 0-8.875 0l-.906.604A12 12 0 0 1 8.2 60.224a2 2 0 0 1-1.4-3.747a8 8 0 0 0 1.638-.839l.906-.604a12 12 0 0 1 13.313 0l.906.604a8 8 0 0 0 8.875 0l.906-.604a12 12 0 0 1 13.313 0l.906.604a8 8 0 0 0 8.875 0l.906-.604a12 12 0 0 1 13.313 0l.906.604a8 8 0 0 0 1.637.838a2 2 0 0 1-1.4 3.747a12 12 0 0 1-2.456-1.256l-.906-.605a8 8 0 0 0-8.876 0l-.905.605a12 12 0 0 1-13.313 0l-.906-.605a8 8 0 0 0-8.876 0l-.905.605a12 12 0 0 1-13.313 0z"/><path fill="currentColor" fill-opacity=".25" d="M39.96 64.789a8 8 0 0 1 4.478 1.343l.906.604a12 12 0 0 0 13.313 0l.906-.604a8 8 0 0 1 1.637-.838a2 2 0 0 0-1.4-3.747c-.853.319-1.678.738-2.456 1.257l-.906.604a8 8 0 0 1-8.875 0l-.906-.604a12 12 0 0 0-13.313 0l-.906.604a8 8 0 0 1-8.875 0l-.906-.604a12 12 0 0 0-2.457-1.257a2 2 0 0 0-1.4 3.747a8 8 0 0 1 1.638.838l.906.604a12 12 0 0 0 13.313 0l.906-.604a8 8 0 0 1 4.396-1.343"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32 29a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H34a2 2 0 0 1-2-2zm4 2v8h8v-8z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.75 11.438a2 2 0 0 1 2.5 0l5.75 4.6V15a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v9.039l11.75 9.4a2 2 0 1 1-2.5 3.123l-4.25-3.4V47.89a2 2 0 0 1-1.304 1.875a9.5 9.5 0 0 0-1.965 1.003l-.907.604a10.5 10.5 0 0 1-5.086 1.737a2 2 0 0 1-.14.005h-1.195a2 2 0 0 1-.14-.005a10.5 10.5 0 0 1-5.087-1.737l-.906-.604a9.5 9.5 0 0 0-10.54 0l-.905.604a10.5 10.5 0 0 1-5.087 1.737a2 2 0 0 1-.14.005h-1.195a2 2 0 0 1-.14-.005a10.5 10.5 0 0 1-5.087-1.737l-.906-.604a9.5 9.5 0 0 0-1.966-1.003A2 2 0 0 1 18 47.89V33.16l-4.25 3.4a2 2 0 1 1-2.5-3.123zm14.25 9.4l-2-1.6V16h2zm-13-5.277l18 14.4V46.58q-.766.38-1.488.86l-.906.605a6.5 6.5 0 0 1-3.083 1.07h-1.045a6.5 6.5 0 0 1-3.083-1.07l-.906-.604a13.5 13.5 0 0 0-14.977 0l-.906.604a6.5 6.5 0 0 1-3.083 1.07h-1.045a6.5 6.5 0 0 1-3.083-1.07l-.906-.604A14 14 0 0 0 22 46.579V29.961z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.438 58.363a8 8 0 0 0-8.875 0l-.906.604A12 12 0 0 1 8.2 60.224a2 2 0 0 1-1.4-3.747a8 8 0 0 0 1.638-.839l.906-.604a12 12 0 0 1 13.313 0l.906.604a8 8 0 0 0 8.875 0l.906-.604a12 12 0 0 1 13.313 0l.906.604a8 8 0 0 0 8.875 0l.906-.604a12 12 0 0 1 13.313 0l.906.604a8 8 0 0 0 1.637.838a2 2 0 0 1-1.4 3.747a12 12 0 0 1-2.456-1.256l-.906-.605a8 8 0 0 0-8.876 0l-.905.605a12 12 0 0 1-13.313 0l-.906-.605a8 8 0 0 0-8.876 0l-.905.605a12 12 0 0 1-13.313 0z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.96 64.789a8 8 0 0 1 4.478 1.343l.906.604a12 12 0 0 0 13.313 0l.906-.604a8 8 0 0 1 1.637-.838a2 2 0 0 0-1.4-3.747c-.853.319-1.678.738-2.456 1.257l-.906.604a8 8 0 0 1-8.875 0l-.906-.604a12 12 0 0 0-13.313 0l-.906.604a8 8 0 0 1-8.875 0l-.906-.604a12 12 0 0 0-2.457-1.257a2 2 0 0 0-1.4 3.747a8 8 0 0 1 1.638.838l.906.604a12 12 0 0 0 13.313 0l.906-.604a8 8 0 0 1 4.396-1.343"/></g></svg>

House Flood Outline アイコンの使い方

React

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

<Icon icon="glyphs:house-flood-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:house-flood-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:house-flood-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--house-flood-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:house-flood-outline"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:house-flood-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/house-flood-outline.svg" alt="House Flood Outline アイコン" width="24" height="24">

Glyphs の関連アイコン

House Flood Outline アイコンのよくある質問

House Flood Outline アイコンは商用利用でも無料ですか?

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

React で House Flood Outline アイコンを使うには?

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

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

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

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