أيقونة Globe X Fill
keyline-icons:globe-x-fill
أيقونة Globe X Fill (keyline-icons:globe-x-fill) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Keyline Icons
- المؤلف
- Keyline Icons
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- globex، xfill، globexfill
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M12 1C18.0751 1 23 5.9249 23 12C23 11.4477 22.5523 11 22 11L16.9658 11C16.7774 8.2182 15.8031 5.4794 14.0649 3L9.9351 3C8.1969 5.4793 7.2226 8.2182 7.0342 11L3 11L3 13L7.0342 13C7.2658 16.4205 8.6858 19.7761 11.2529 22.6641C11.4504 22.8863 11.7246 22.998 12 22.998L12 23C5.9249 23 1 18.0751 1 12C1 5.9249 5.9249 1 12 1ZM12 3.5713C13.7801 5.8823 14.7568 8.4349 14.958 11L9.042 11C9.2432 8.4349 10.2199 5.8823 12 3.5713Z" stroke="none"/><path d="M22 16L16 22M16 16L22 22"/></g></svg>كيفية استخدام أيقونة Globe X Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:globe-x-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:globe-x-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:globe-x-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--globe-x-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:globe-x-fill"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:globe-x-fill"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/globe-x-fill.svg" alt="أيقونة Globe X Fill" width="24" height="24">أيقونات ذات صلة في Keyline Icons
globe
globe-check
globe-check-duotone
globe-check-fill
globe-check-sharp
globe-check-sharp-duotone
globe-check-sharp-fill
globe-check-sharp-two-tone
globe-check-two-tone
globe-cog
globe-cog-duotone
globe-cog-fill
globe-cog-sharp
globe-cog-sharp-duotone
globe-cog-sharp-fill
globe-cog-sharp-two-tone
globe-cog-two-tone
globe-cursor
globe-cursor-duotone
globe-cursor-fill
globe-cursor-sharp
globe-cursor-sharp-duotone
globe-cursor-sharp-fill
globe-cursor-sharp-two-tone
أيقونة Globe X Fill في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Globe X Fill
هل أيقونة Globe X Fill مجانية للاستخدام التجاري؟
نعم. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Globe X Fill في React؟
ثبّت @iconify/react واعرض <Icon icon="keyline-icons:globe-x-fill" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Globe X Fill إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/globe-x-fill.svg" alt="أيقونة Globe X Fill">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.