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

أيقونة Fgo Dark

thesvg-color:fgo-dark

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

المجموعة
theSVG Color
المؤلف
thesvg.org
الترخيص
MIT
الحجم
146 × 56
الوسوم
fgodark
تنزيل 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="#353535" d="M21.386 1.68h25.423v5.633H27.486v46.414h-6.1z"/><path fill="#353535" 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="#353535" fill-rule="evenodd" d="M43.862 33.161H6.443V26.44h37.419z" clip-rule="evenodd"/><path fill="#353535" 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="#353535" d="m113.827 37.817l7.983-8.017l-7.983-8.057h6.755l8.024 8.057l-8.024 8.017z"/><path fill="#353535" 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 Dark

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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

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