Иконка Smart Home Bold

solar:smart-home-bold

Иконка Smart Home Bold (solar:smart-home-bold) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Интерфейс
Теги: smarthome, homebold, smarthomebold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2.48465 12.25C2.48465 11.8358 2.8207 11.5 3.23524 11.5C8.62425 11.5 12.9929 15.8652 12.9929 21.25C12.9929 21.6642 12.6569 22 12.2423 22C11.8278 22 11.4917 21.6642 11.4917 21.25C11.4917 16.6937 7.79517 13 3.23524 13C2.8207 13 2.48465 12.6642 2.48465 12.25ZM3.23524 14.5C2.8207 14.5 2.48465 14.8358 2.48465 15.25C2.48465 15.6642 2.8207 16 3.23524 16C6.13702 16 8.48937 18.3505 8.48937 21.25C8.48937 21.6642 8.82542 22 9.23996 22C9.6545 22 9.99055 21.6642 9.99055 21.25C9.99055 17.5221 6.9661 14.5 3.23524 14.5ZM2.48465 18.25C2.48465 17.8358 2.8207 17.5 3.23524 17.5C5.30794 17.5 6.98819 19.1789 6.98819 21.25C6.98819 21.6642 6.65214 22 6.2376 22C5.82306 22 5.48701 21.6642 5.48701 21.25C5.48701 20.0074 4.47886 19 3.23524 19C2.8207 19 2.48465 18.6642 2.48465 18.25Z" clip-rule="evenodd"/><path d="M2 10.3685C2.35465 10.1355 2.77911 10 3.23524 10C9.45333 10 14.4941 15.0368 14.4941 21.25C14.4941 21.513 14.4489 21.7654 14.366 22C17.8933 21.9986 19.6942 21.9595 20.8275 20.7881C22 19.5763 22 17.6258 22 13.725V12.2039C22 9.91549 22 8.77128 21.4804 7.82274C20.9608 6.87421 20.0115 6.28551 18.1129 5.10812L16.1113 3.86687C14.1044 2.62229 13.1009 2 11.9921 2C10.8833 2 9.87985 2.62229 7.87292 3.86687L5.87135 5.10813C3.97276 6.28551 3.02347 6.87421 2.50386 7.82274C2.14625 8.47555 2.03476 9.22105 2 10.3685Z"/></g></svg>

Как использовать иконку Smart Home Bold

React

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

<Icon icon="solar:smart-home-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:smart-home-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:smart-home-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--smart-home-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:smart-home-bold"></div>

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

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

<iconify-icon icon="solar:smart-home-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/smart-home-bold.svg" alt="Иконка Smart Home Bold" width="24" height="24">

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

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

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Иконки Solar →