Иконка Home Plus Fill

keyline-icons:home-plus-fill

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

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

Скачать 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 fill="currentColor" d="M21 12L21 20.0002C20.9999 21.657 19.6568 23.0002 18 23.0002L15 23.0002L15 14.0002L7 14.0002L7 23.0002L4 23.0002C2.3432 23.0002 1.0001 21.657 1 20.0002L1 11.927C1 11.0454 1.3878 10.2079 2.0605 9.6379L9.0605 3.7073C10.0406 2.877 11.4212 2.7739 12.5007 3.3981C12.8098 3.5768 13 3.907 13 4.264L13 8C13 9.6569 14.3431 11 16 11L20 11C20.5523 11 21 11.4477 21 12Z" stroke="none"/><path d="M19 2V8M16 5H22"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Keyline Icons →