Ikon House X Fill

keyline-icons:house-x-fill

Ikon House X Fill (keyline-icons:house-x-fill) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Keyline Icons
Pembuat: Keyline Icons
Lisensi: MIT
Ukuran: 24 × 24
Tag: housex, xfill, housexfill

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M11.9998 2.9963C12.552 2.99646 12.9998 3.44411 12.9998 3.9963V8.00021C12.9999 9.657 14.343 11.0002 15.9998 11.0002H19.9998C20.552 11.0003 20.9997 11.4481 20.9998 12.0002V20.0002C20.9996 21.6568 19.6565 23.0001 17.9998 23.0002H15.9998V19.0002C15.9998 16.7911 14.2089 15.0002 11.9998 15.0002C9.79074 15.0002 7.99983 16.7911 7.99983 19.0002V23.0002H5.99983C4.34311 23.0002 3.00008 21.6569 2.99983 20.0002V12.3108L2.64632 12.6106C2.22498 12.9674 1.59414 12.9146 1.23714 12.4934C0.880186 12.072 0.931985 11.4412 1.35335 11.0842L10.0604 3.70724C10.6197 3.23344 11.3109 2.9963 11.9998 2.9963Z" clip-rule="evenodd" stroke="none"/><path d="M16 2L22 8M22 2L16 8"/></g></svg>

Cara memakai ikon House X Fill

React

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

<Icon icon="keyline-icons:house-x-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:house-x-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:house-x-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--house-x-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:house-x-fill"></div>

Web component

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

<iconify-icon icon="keyline-icons:house-x-fill"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/house-x-fill.svg" alt="Ikon House X Fill" width="24" height="24">

Ikon terkait di Keyline Icons

Ikon House X Fill di set ikon lain

FAQ Ikon House X Fill

Apakah ikon House X Fill gratis untuk penggunaan komersial?

Ya. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon House X Fill di React?

Pasang @iconify/react lalu render <Icon icon="keyline-icons:house-x-fill" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon House X Fill ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/house-x-fill.svg" alt="Ikon House X Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Keyline Icons →