ICONYZ
العربية
أيقونة X Ai Dark من SVG Logos

أيقونة X Ai Dark

logos:x-ai-dark

أيقونة X Ai Dark (logos:x-ai-dark) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 196. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
512 × 196
الوسوم
xai، aidark، xaidark
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="196" viewBox="0 0 512 196"><path fill="#fff" d="M512 .18c-59.067 4.815-291.259 33.6-452.256 195.45H0l6.675-6.653C40.367 156.428 189.448 18.481 512 0zM155.917 138.078l79.048 57.553h-46.807l-14.198-10.328H94.687a550 550 0 0 1 16.94-14.436h42.463l-21.974-15.984a589 589 0 0 1 23.8-16.805m40.437-24.897L309.8 195.63h-46.828l-92.261-67.16a635 635 0 0 1 25.642-15.29M17.839 71.77l46.764.022l36.094 26.23A645 645 0 0 0 75.46 113.67z"/></svg>

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

React

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

<Icon icon="logos:x-ai-dark" width="24" />

Vue

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

<template>
  <Icon icon="logos:x-ai-dark" width="24" />
</template>

Svelte

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

<Icon icon="logos:x-ai-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--x-ai-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:x-ai-dark"></div>

مكوّن ويب

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

<iconify-icon icon="logos:x-ai-dark"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/x-ai-dark.svg" alt="أيقونة X Ai Dark" width="24" height="24">

أيقونات ذات صلة في SVG Logos

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

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

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

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

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

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

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

تصفح كل أيقونات SVG Logos →