ICONYZ
العربية
أيقونة Fgo Light من theSVG Color

أيقونة Fgo Light

thesvg-color:fgo-light

أيقونة Fgo Light (thesvg-color:fgo-light) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 146 × 56. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
theSVG Color
المؤلف
thesvg.org
الترخيص
MIT
الحجم
146 × 56
الوسوم
fgolight
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="146" height="56" viewBox="0 0 146 56"><g fill="none"><g clip-path="url(#SVGQwfCXdQz)"><path fill="#20a7b3" d="M119.763 11.794c9.498 0 17.235 7.77 17.235 17.307c0 9.538-7.737 17.308-17.235 17.308s-17.236-7.77-17.236-17.308s7.738-17.307 17.236-17.307m0-8.633c-14.247 0-25.833 11.634-25.833 25.94s11.586 25.941 25.833 25.941s25.833-11.634 25.833-25.94S134.01 3.16 119.763 3.16"/><path fill="#fff" d="M21.386 1.68h25.423v5.633H27.486v46.414h-6.1z"/><path fill="#fff" fill-rule="evenodd" d="M19.706 0H48.49v8.993H29.167v46.414h-9.461zm3.36 3.361v48.685h2.74V5.632h19.323v-2.27z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M43.862 33.161H6.443V26.44h37.419z" clip-rule="evenodd"/><path fill="#fff" d="M6.73 35.967c-3.398 0-6.141-2.755-6.141-6.167s2.743-6.166 6.14-6.166c3.399 0 6.142 2.754 6.142 6.166s-2.743 6.167-6.141 6.167"/><path fill="#20a7b3" d="M84.105 30.828c-.86 8.757-8.229 15.58-17.154 15.58c-9.498 0-17.235-7.769-17.235-17.307s7.737-17.307 17.235-17.307c5.527 0 10.44 2.63 13.592 6.66h9.99C86.478 9.409 77.472 3.16 66.95 3.16c-14.245 0-25.83 11.635-25.83 25.94s11.585 25.942 25.83 25.942c13.715 0 24.891-10.689 25.751-24.214z"/><path fill="#fff" d="m113.827 37.817l7.983-8.017l-7.983-8.057h6.755l8.024 8.057l-8.024 8.017z"/><path fill="#fff" fill-rule="evenodd" d="M122.178 33.367H58.313v-6.722h63.865z" clip-rule="evenodd"/></g><defs><clipPath id="SVGQwfCXdQz"><path fill="#fff" d="M0 0h146v55.619H0z"/></clipPath></defs></g></svg>

كيفية استخدام أيقونة Fgo Light

React

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

<Icon icon="thesvg-color:fgo-light" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:fgo-light" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:fgo-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--fgo-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:fgo-light"></div>

مكوّن ويب

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

<iconify-icon icon="thesvg-color:fgo-light"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/fgo-light.svg" alt="أيقونة Fgo Light" width="24" height="24">

أيقونات ذات صلة في theSVG Color

أيقونة fgo-dark
fgo-dark

الأسئلة الشائعة حول أيقونة Fgo Light

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

نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Fgo Light في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/fgo-light.svg" alt="أيقونة Fgo Light">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات theSVG Color →