Ícone Homelable
selfhst:homelable
O ícone Homelable (selfhst:homelable) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- selfh.st/icons
- Autor
- selfh.st
- Licença
- CC-BY-4.0
- Tamanho
- 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/homelable.svg" alt="Ícone Homelable" width="24" height="24">Ícones relacionados em selfh.st/icons
Perguntas frequentes sobre Ícone Homelable
O ícone Homelable é grátis para uso comercial?
Sim. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Homelable no React?
Instale @iconify/react e renderize <Icon icon="selfhst:homelable" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Homelable a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/homelable.svg" alt="Ícone Homelable">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.