Ikon Ghostty
thesvg-color:ghostty
Ikon Ghostty (thesvg-color:ghostty) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 27 × 32. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 27 × 32
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="32" viewBox="0 0 27 32"><g fill="none"><path fill="#3551f3" d="M20.395 32a6.35 6.35 0 0 1-3.516-1.067A6.36 6.36 0 0 1 13.362 32a6.35 6.35 0 0 1-3.516-1.067A6.27 6.27 0 0 1 6.372 32h-.038a6.26 6.26 0 0 1-4.5-1.906a6.38 6.38 0 0 1-1.836-4.482v-12.25C0 5.995 5.994 0 13.362 0s13.363 5.994 13.363 13.363v12.253c0 3.393-2.626 6.192-5.978 6.375a6 6 0 0 1-.352.009"/><path fill="#000" d="M20.395 30.593a4.93 4.93 0 0 1-3.08-1.083a.66.66 0 0 0-.42-.145a.8.8 0 0 0-.487.176a4.94 4.94 0 0 1-3.046 1.055a4.94 4.94 0 0 1-3.045-1.055a.75.75 0 0 0-.942 0a4.9 4.9 0 0 1-3.01 1.055h-.033a4.85 4.85 0 0 1-3.49-1.482a4.98 4.98 0 0 1-1.436-3.498V13.367c0-6.597 5.364-11.96 11.957-11.96c6.592 0 11.956 5.363 11.956 11.956v12.253c0 2.645-2.042 4.827-4.65 4.97a5 5 0 0 1-.274.007"/><path fill="#fff" d="M23.912 13.363v12.253c0 1.876-1.447 3.463-3.32 3.566a3.5 3.5 0 0 1-2.398-.769c-.778-.626-1.873-.598-2.658.021a3.5 3.5 0 0 1-2.176.753a3.5 3.5 0 0 1-2.173-.753a2.15 2.15 0 0 0-2.684 0a3.5 3.5 0 0 1-2.15.753c-1.948.014-3.54-1.627-3.54-3.575v-12.25c0-5.825 4.724-10.549 10.55-10.549c5.825 0 10.549 4.724 10.549 10.55"/><path fill="#000" d="m11.28 12.437l-3.93-2.27a1.07 1.07 0 0 0-1.463.392a1.07 1.07 0 0 0 .391 1.463l2.326 1.343l-2.326 1.343a1.072 1.072 0 0 0 1.071 1.855l3.932-2.27a1.07 1.07 0 0 0 0-1.854zm8.902-.146h-5.164a1.071 1.071 0 1 0 0 2.143h5.164a1.071 1.071 0 1 0 0-2.143"/></g></svg>Cara memakai ikon Ghostty
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:ghostty" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:ghostty" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:ghostty" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--ghostty]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:ghostty"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:ghostty"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/ghostty.svg" alt="Ikon Ghostty" width="24" height="24">Ikon Ghostty di set ikon lain
FAQ Ikon Ghostty
Apakah ikon Ghostty gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Ghostty di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color: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/thesvg-color/ghostty.svg" alt="Ikon Ghostty">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.