Icono Smart Home Bold

solar:smart-home-bold

El icono Smart Home Bold (solar:smart-home-bold) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Solar
Autor: 480 Design
Licencia: CC-BY-4.0
Tamaño: 24 × 24
Categoría: Interfaz
Etiquetas: smarthome, homebold, smarthomebold

Descargar SVG

Código 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>

Cómo usar el icono 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>

Web component

<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>

Imagen HTML

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

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Smart Home Bold

¿El icono Smart Home Bold es gratis para uso comercial?

Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Smart Home Bold en React?

Instala @iconify/react y renderiza <Icon icon="solar:smart-home-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Smart Home Bold a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/smart-home-bold.svg" alt="Icono Smart Home Bold">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →