Ikon Homelable
selfhst:homelable
Ikon Homelable (selfhst:homelable) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- selfh.st/icons
- Pembuat
- selfh.st
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/selfhst/homelable.svg" alt="Ikon Homelable" width="24" height="24">Ikon terkait di selfh.st/icons
FAQ Ikon Homelable
Apakah ikon Homelable gratis untuk penggunaan komersial?
Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Homelable di React?
Pasang @iconify/react lalu render <Icon icon="selfhst:homelable" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Homelable ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/homelable.svg" alt="Ikon Homelable">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.