Иконка House Plus Sharp Fill

keyline-icons:house-plus-sharp-fill

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

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

Скачать 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-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M11.3857 3.20703C11.7469 2.92599 12.253 2.92599 12.6142 3.20703L13 3.50684V11H21V22C20.9998 22.5521 20.5521 23 20 23H16V19C16 16.7909 14.2091 15 12 15C9.79088 15 7.99996 16.7909 7.99996 19V23H3.99996C3.44782 23 3.00016 22.5521 2.99996 22V12.2666L2.22848 12.8672L0.999962 11.2891L11.3857 3.20703Z" clip-rule="evenodd" stroke="none"/><path d="M19 1L19 2L19 8L19 9M15 5L16 5L22 5L23 5"/></g></svg>

Как использовать иконку House Plus Sharp Fill

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/house-plus-sharp-fill.svg" alt="Иконка House Plus Sharp Fill" width="24" height="24">

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

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

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

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

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

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

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

Все Keyline Icons →