Icono Homelable
selfhst:homelable
El icono Homelable (selfhst:homelable) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/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
- selfh.st/icons
- Autor
- selfh.st
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="256" cy="256" r="256" fill="#0d1117"/><path fill="#161b22" d="m256 96l160 144h-32v176H128V240H96z"/><path fill="#00d4ff" d="m420 235.5l-160-144c-2.3-2.1-5.7-2.1-8 0l-160 144c-1.8 1.7-2.5 4.3-1.6 6.6s3.1 3.9 5.6 3.9h26v170c0 3.3 2.7 6 6 6h256c3.3 0 6-2.7 6-6V246h26c2.5 0 4.7-1.5 5.6-3.9c.9-2.3.3-4.9-1.6-6.6M292 408c0 2.2-1.8 4-4 4h-64c-2.2 0-4-1.8-4-4v-80c0-2.2 1.8-4 4-4h64c2.2 0 4 1.8 4 4zm92-174c-3.3 0-6 2.7-6 6v170h-78.2c.1-.7.2-1.3.2-2v-80c0-6.6-5.4-12-12-12h-64c-6.6 0-12 5.4-12 12v80c0 .7.1 1.3.2 2H134V240c0-3.3-2.7-6-6-6h-16.4L256 104.1L400.4 234z"/><path fill="#0d1117" d="M224 412h64c2.2 0 4-1.8 4-4v-80c0-2.2-1.8-4-4-4h-64c-2.2 0-4 1.8-4 4v80c0 2.2 1.8 4 4 4"/><circle cx="256" cy="264" r="24" fill="#00d4ff"/><path fill="#39d353" d="m178.3 307.3l-4.6-6.5l56-40l4.6 6.5zm160-6.6l-56-40l-4.7 6.5l56 40z" opacity=".7"/><path fill="#39d353" d="M176 288c8.8 0 16 7.2 16 16s-7.2 16-16 16s-16-7.2-16-16s7.2-16 16-16m160 0c8.8 0 16 7.2 16 16s-7.2 16-16 16s-16-7.2-16-16s7.2-16 16-16"/><circle cx="256" cy="192" r="16" fill="#a855f7"/><path fill="#a855f7" d="M252 192h8v48h-8z" opacity=".7"/><path fill="#00d4ff" d="M256 294c-16.5 0-30-13.5-30-30s13.5-30 30-30s30 13.5 30 30s-13.5 30-30 30m0-48c-9.9 0-18 8.1-18 18s8.1 18 18 18s18-8.1 18-18s-8.1-18-18-18" opacity=".4"/></svg>Cómo usar el icono Homelable
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:homelable" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:homelable" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:homelable" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--homelable]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:homelable"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:homelable"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/homelable.svg" alt="Icono Homelable" width="24" height="24">Iconos relacionados en selfh.st/icons
Preguntas frecuentes sobre Icono Homelable
¿El icono Homelable es gratis para uso comercial?
Sí. selfh.st/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 Homelable en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:homelable" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Homelable a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/homelable.svg" alt="Icono Homelable">, o pega el código SVG en línea para darle estilo con CSS.