ICONYZ
العربية
أيقونة Ghostty Dark من selfh.st/icons

أيقونة Ghostty Dark

selfhst:ghostty-dark

أيقونة Ghostty Dark (selfhst:ghostty-dark) أيقونة SVG مجانية من مجموعة selfh.st/icons من تصميم selfh.st. مرسومة على شبكة 512 × 512. تُنشر selfh.st/icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
selfh.st/icons
المؤلف
selfh.st
الترخيص
CC-BY-4.0
الحجم
512 × 512
الوسوم
ghosttydark
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M256 45c-93.2 0-168.8 75.6-168.8 168.8v196c0 31.2 25.5 57.4 56.6 57.2c13-.1 24.9-4.6 34.4-12c12.7-10 30.2-10 42.9 0c9.6 7.5 21.6 12 34.8 12s25.2-4.5 34.8-12c12.6-9.9 30.1-10.4 42.5-.3c10.4 8.4 23.8 13.1 38.4 12.3c30-1.7 53.1-27 53.1-57.1V213.8C424.8 120.6 349.2 45 256 45m-33.3 183.7L159.8 265c-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.8m159.6-14.9c0 9.5-7.7 17.1-17.1 17.1h-82.6c-9.5 0-17.1-7.7-17.1-17.1c0-9.5 7.7-17.1 17.1-17.1h82.6c9.4 0 17.1 7.6 17.1 17.1M256 0C138.1 0 42.2 95.9 42.2 213.8v196c0 26.9 10.4 52.4 29.4 71.7c19.2 19.7 44.8 30.5 72 30.5h.6c20.1-.2 39.1-6 55.6-17.1C216.3 506 236 512 256 512s39.7-6 56.3-17.1c16.6 11.1 36.2 17.1 56.3 17.1c1.9 0 3.8 0 5.6-.2c53.6-2.9 95.6-47.7 95.6-102v-196C469.8 95.9 373.9 0 256 0m191.3 409.9c0 42.3-32.7 77.2-74.4 79.5c-1.5.1-2.9.1-4.4.1c-17.9 0-35.4-6.2-49.3-17.3c-2.4-2-5-2.3-6.7-2.3c-2.7 0-5.5 1-7.8 2.8c-13.8 10.9-31.1 16.9-48.7 16.9s-34.9-6-48.7-16.9c-2.2-1.8-4.8-2.7-7.5-2.7s-5.3.9-7.5 2.7c-13.8 10.9-30.5 16.7-48.2 16.9h-.5c-21 0-40.9-8.4-55.9-23.7c-14.8-15.1-23-35-23-56v-196c0-105.5 85.8-191.4 191.3-191.4s191.3 85.8 191.3 191.3z"/></svg>

كيفية استخدام أيقونة Ghostty Dark

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:ghostty-dark" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:ghostty-dark" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:ghostty-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ghostty-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ghostty-dark"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:ghostty-dark"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/selfhst/ghostty-dark.svg" alt="أيقونة Ghostty Dark" width="24" height="24">

أيقونات ذات صلة في selfh.st/icons

أيقونة ghostty
ghostty
 أيقونة ghostty-light
ghostty-light

الأسئلة الشائعة حول أيقونة Ghostty Dark

هل أيقونة Ghostty Dark مجانية للاستخدام التجاري؟

نعم. تُنشر selfh.st/icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Ghostty Dark في React؟

ثبّت @iconify/react واعرض <Icon icon="selfhst:ghostty-dark" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Ghostty Dark إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/selfhst/ghostty-dark.svg" alt="أيقونة Ghostty Dark">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل selfh.st/icons →