ICONYZ
日本語
Font Awesome 5 Solid の House Damage アイコン

House Damage アイコン

fa-solid:house-damage

House Damage アイコン(fa-solid:house-damage)は、Font Awesome 5 Solid セットの無料 SVG アイコンです(作者: Dave Gandy)。 576 × 512 のグリッドで描かれています。 Font Awesome 5 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Font Awesome 5 Solid
作者
Dave Gandy
ライセンス
CC-BY-4.0
サイズ
576 × 512
カテゴリ
建物
タグ
housedamage
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="576" height="512" viewBox="0 0 576 512"><path fill="currentColor" d="M288 114.96L69.47 307.71c-1.62 1.46-3.69 2.14-5.47 3.35V496c0 8.84 7.16 16 16 16h149.23L192 439.19l104.11-64l-60.16-119.22L384 392.75l-104.11 64L319.81 512H496c8.84 0 16-7.16 16-16V311.1c-1.7-1.16-3.72-1.82-5.26-3.2zm282.69 121.32L512 184.45V48c0-8.84-7.16-16-16-16h-64c-8.84 0-16 7.16-16 16v51.69L314.75 10.31C307.12 3.45 297.56.01 288 0s-19.1 3.41-26.7 10.27L5.31 236.28c-6.57 5.91-7.12 16.02-1.21 22.6l21.4 23.82c5.9 6.57 16.02 7.12 22.6 1.21L277.42 81.63c6.05-5.33 15.12-5.33 21.17 0L527.91 283.9c6.57 5.9 16.69 5.36 22.6-1.21l21.4-23.82c5.9-6.57 5.36-16.69-1.22-22.59"/></svg>

House Damage アイコンの使い方

React

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

<Icon icon="fa-solid:house-damage" width="24" />

Vue

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

<template>
  <Icon icon="fa-solid:house-damage" width="24" />
</template>

Svelte

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

<Icon icon="fa-solid:house-damage" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--house-damage]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:house-damage"></div>

Web コンポーネント

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

<iconify-icon icon="fa-solid:house-damage"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa-solid/house-damage.svg" alt="House Damage アイコン" width="24" height="24">

Font Awesome 5 Solid の関連アイコン

他のアイコンセットの House Damage アイコン

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

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

はい。Font Awesome 5 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Font Awesome 5 Solid アイコン をすべて見る →