Ikon Ghost
whh:ghost
Ikon Ghost (whh:ghost) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 896 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 896 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="896" height="1024" viewBox="0 0 896 1024"><path fill="currentColor" d="M854 1011q-9 13-21.5 13t-21.5-13l-95-115h-23l-95 115q-9 13-21.5 13t-21.5-13l-95-115h-23l-95 115q-9 13-21.5 13t-21.5-13l-95-115h-23l-95 115q-9 13-21.5 13T43 1011L0 959V448q0-91 35.5-174T131 131t143-95.5T448 0t174 35.5T765 131t95.5 143T896 448v512zM448 320q0-27-18.5-45.5T384 256H192q-26 0-45 18.5T128 320v192q0 26 19 45t45 19h192q27 0 45.5-19t18.5-45zm384 0q0-27-18.5-45.5T768 256H576q-26 0-45 18.5T512 320v192q0 26 19 45t45 19h192q27 0 45.5-19t18.5-45zm-96 192h-64q-13 0-22.5-9.5T640 480v-64q0-13 9.5-22.5T672 384h64q13 0 22.5 9.5T768 416v64q0 13-9.5 22.5T736 512m-384 0h-64q-13 0-22.5-9.5T256 480v-64q0-13 9.5-22.5T288 384h64q13 0 22.5 9.5T384 416v64q0 13-9.5 22.5T352 512"/></svg>
Cara memakai ikon Ghost
React
import { Icon } from "@iconify/react";
<Icon icon="whh:ghost" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:ghost" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:ghost" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--ghost]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:ghost"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:ghost"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/ghost.svg" alt="Ikon Ghost" width="24" height="24">
Ikon Ghost di set ikon lain
FAQ Ikon Ghost
Apakah ikon Ghost gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Ghost di React?
Pasang @iconify/react lalu render <Icon icon="whh:ghost" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Ghost ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/ghost.svg" alt="Ikon Ghost">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon WebHostingHub Glyphs →
ICONYZ
