Ikon Ghostty
selfhst:ghostty
Ikon Ghostty (selfhst:ghostty) 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"><path fill="#3551f3" d="M368.5 512c-20 0-39.7-6-56.3-17.1C295.7 506 276 512 256 512s-39.7-6-56.3-17.1c-16.5 11.1-35.5 16.9-55.6 17.1h-.6c-27.2 0-52.8-10.8-72-30.5c-18.9-19.4-29.4-44.8-29.4-71.7v-196C42.2 95.9 138.1 0 256 0s213.8 95.9 213.8 213.8v196.1c0 54.3-42 99.1-95.6 102c-1.9.1-3.8.1-5.7.1"/><path fill="#fff" d="M424.8 213.8v196.1c0 30-23.1 55.4-53.1 57.1c-14.6.8-28-3.9-38.4-12.3c-12.5-10-30-9.6-42.5.3c-9.6 7.5-21.6 12-34.8 12s-25.2-4.5-34.8-12c-12.7-10-30.2-10-42.9 0c-9.5 7.5-21.4 12-34.4 12c-31.2.2-56.6-26-56.6-57.2v-196C87.2 120.6 162.8 45 256 45s168.8 75.6 168.8 168.8"/><path d="M256 22.5c-105.5 0-191.3 85.8-191.3 191.4v196c0 21 8.2 40.8 23 56c15 15.3 34.8 23.7 55.9 23.7h.5c17.7-.2 34.3-6 48.2-16.9c2.2-1.7 4.8-2.7 7.5-2.7s5.3.9 7.5 2.7c13.8 10.9 31.1 16.9 48.7 16.9s34.9-6 48.7-16.9c2.3-1.8 5.1-2.8 7.8-2.8c1.7 0 4.3.4 6.7 2.3c13.9 11.2 31.4 17.3 49.3 17.3c1.5 0 2.9 0 4.4-.1c41.7-2.3 74.4-37.2 74.4-79.5V213.8c0-105.5-85.8-191.3-191.3-191.3m168.8 387.4c0 30-23.1 55.4-53.1 57.1c-14.6.8-28-3.9-38.4-12.3c-12.5-10-30-9.6-42.5.3c-9.6 7.5-21.6 12-34.8 12s-25.2-4.5-34.8-12c-12.7-10-30.2-10-42.9 0c-9.5 7.5-21.4 12-34.4 12c-31.2.2-56.6-26-56.6-57.2v-196C87.2 120.6 162.8 45 256 45s168.8 75.6 168.8 168.8zM222.7 199l-62.9-36.3c-8.2-4.7-18.7-1.9-23.4 6.3s-1.9 18.7 6.3 23.4l37.2 21.5l-37.2 21.5c-8.2 4.7-11 15.2-6.3 23.4s15.2 11 23.4 6.3l62.9-36.3c11.4-6.7 11.4-23.2 0-29.8m142.4-2.3h-82.6c-9.5 0-17.1 7.7-17.1 17.1c0 9.5 7.7 17.1 17.1 17.1h82.6c9.5 0 17.1-7.7 17.1-17.1c.1-9.5-7.6-17.1-17.1-17.1"/></svg>Cara memakai ikon Ghostty
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:ghostty" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:ghostty" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:ghostty" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ghostty]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ghostty"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:ghostty"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/selfhst/ghostty.svg" alt="Ikon Ghostty" width="24" height="24">Ikon terkait di selfh.st/icons
Ikon Ghostty di set ikon lain
FAQ Ikon Ghostty
Apakah ikon Ghostty 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 Ghostty di React?
Pasang @iconify/react lalu render <Icon icon="selfhst:ghostty" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Ghostty ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/ghostty.svg" alt="Ikon Ghostty">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.