أيقونة Global Line

ri:global-line

أيقونة Global Line (ri:global-line) أيقونة SVG مجانية من مجموعة Remix Icon من تصميم Remix Design. مرسومة على شبكة 24 × 24. تُنشر Remix Icon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Remix Icon
المؤلف: Remix Design
الترخيص: Apache-2.0
الحجم: 24 × 24
الوسوم: globalline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-2.29-2.333A17.9 17.9 0 0 1 8.027 13H4.062a8.01 8.01 0 0 0 5.648 6.667M10.03 13c.151 2.439.848 4.73 1.97 6.752A15.9 15.9 0 0 0 13.97 13zm9.908 0h-3.965a17.9 17.9 0 0 1-1.683 6.667A8.01 8.01 0 0 0 19.938 13M4.062 11h3.965A17.9 17.9 0 0 1 9.71 4.333A8.01 8.01 0 0 0 4.062 11m5.969 0h3.938A15.9 15.9 0 0 0 12 4.248A15.9 15.9 0 0 0 10.03 11m4.259-6.667A17.9 17.9 0 0 1 15.973 11h3.965a8.01 8.01 0 0 0-5.648-6.667"/></svg>

كيفية استخدام أيقونة Global Line

React

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

<Icon icon="ri:global-line" width="24" />

Vue

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

<template>
  <Icon icon="ri:global-line" width="24" />
</template>

Svelte

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

<Icon icon="ri:global-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--global-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:global-line"></div>

مكوّن ويب

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

<iconify-icon icon="ri:global-line"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ri/global-line.svg" alt="أيقونة Global Line" width="24" height="24">

أيقونات ذات صلة في Remix Icon

الأسئلة الشائعة حول أيقونة Global Line

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

نعم. تُنشر Remix Icon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Global Line في React؟

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

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

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

تصفح كل أيقونات Remix Icon →