Иконка Houses Fill

keyline-icons:houses-fill

Иконка Houses Fill (keyline-icons:houses-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: housesfill, house

Скачать SVG

Код 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 d="M2 6.6149L5.7072 3.474C6.4532 2.842 7.5468 2.842 8.2928 3.474L10.363 5.2279M4 4.9204L4 10.6085"/><path fill="currentColor" fill-rule="evenodd" d="M12.0604 7.71092C13.1794 6.76308 14.8204 6.76297 15.9393 7.71092L22.6463 13.3935C23.0675 13.7505 23.1193 14.3814 22.7625 14.8027C22.4056 15.224 21.7747 15.2767 21.3534 14.9199L20.9998 14.6201V19C20.9997 20.6567 19.6566 21.9999 17.9998 22H16.9998V18C16.9998 16.3431 15.6567 15 13.9998 15C12.343 15 10.9998 16.3431 10.9998 18V22H9.99985C8.34303 22 6.99995 20.6568 6.99985 19V14.6201L6.64633 14.9199C6.22498 15.2768 5.59414 15.224 5.23715 14.8027C4.88017 14.3813 4.93199 13.7505 5.35336 13.3935L12.0604 7.71092Z" clip-rule="evenodd" stroke="none"/></g></svg>

Как использовать иконку Houses Fill

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/houses-fill.svg" alt="Иконка Houses Fill" width="24" height="24">

Иконка Houses Fill в других наборах

Вопросы и ответы: Иконка Houses Fill

Можно ли бесплатно использовать иконку Houses Fill в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Houses Fill в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:houses-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Houses Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/houses-fill.svg" alt="Иконка Houses Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →