Иконка Home Floor Negative 1

mdi:home-floor-negative-1

Иконка Home Floor Negative 1 (mdi:home-floor-negative-1) — бесплатная SVG-иконка из набора Material Design Icons от Pictogrammers. Она нарисована на сетке 24 × 24. Material Design Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Material Design Icons
Автор: Pictogrammers
Лицензия: Apache-2.0
Размер: 24 × 24
Категория: Умный дом
Теги: house floor negative 1, home floor negative one, home floor minus 1, home floor minus one, house floor negative one, house floor minus 1, house floor minus one, home automation, homefloor, floornegative, homefloornegative

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3L2 12h3v8h14v-8h3zm-1 12H7v-2h4zm4 3h-2v-8h-2V8h4z"/></svg>

Как использовать иконку Home Floor Negative 1

React

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

<Icon icon="mdi:home-floor-negative-1" width="24" />

Vue

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

<template>
  <Icon icon="mdi:home-floor-negative-1" width="24" />
</template>

Svelte

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

<Icon icon="mdi:home-floor-negative-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--home-floor-negative-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:home-floor-negative-1"></div>

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

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

<iconify-icon icon="mdi:home-floor-negative-1"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/mdi/home-floor-negative-1.svg" alt="Иконка Home Floor Negative 1" width="24" height="24">

Вопросы и ответы: Иконка Home Floor Negative 1

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

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

Как использовать иконку Home Floor Negative 1 в React?

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

Как добавить иконку Home Floor Negative 1 на веб-страницу?

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

Все Material Design Icons →