ICONYZ
العربية
أيقونة Xstate من SVG Logos

أيقونة Xstate

logos:xstate

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

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
512 × 160
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="160" viewBox="0 0 512 160"><path d="m40.096 0l92.325 159.769H92.119L66.21 114.737L40.096 159.77H0l46.06-79.782L0 0zm92.12 0L91.707 70.323C79.494 48.54 79.573 22.125 91.746.649L92.12 0zm51.199 37.012q15.114.309 26.526 8.636l-6.992 10.487c-6.168-4.113-12.954-6.374-20.15-6.58c-3.907 0-6.992 1.028-9.46 2.879c-2.672 2.056-4.112 5.14-4.112 9.047c0 2.468.823 4.73 2.673 6.58c1.851 2.056 4.73 3.496 8.842 4.112q3.393.618 9.253 1.234c7.608 1.028 13.366 3.907 17.067 8.43c3.701 4.524 5.346 9.665 5.346 15.834c-.617 16.655-10.075 24.674-28.787 24.88c-12.132 0-22.413-3.907-31.255-11.515l8.225-9.458c6.58 5.551 14.188 8.224 23.236 8.43c10.692-.206 16.038-4.112 16.244-11.72c0-6.375-3.496-10.076-10.693-11.31c-3.29-.41-6.99-1.028-10.898-1.645q-10.486-1.85-16.038-8.019c-3.701-4.318-5.758-9.459-5.758-15.627c0-7.403 2.468-13.366 7.197-17.89c4.524-4.523 11.104-6.785 19.534-6.785m107.335.617v11.31h-22.413v72.995H256V48.938h-22.413v-11.31zm47.91 0l29.61 84.305h-12.543l-6.374-18.917h-31.05l-6.374 18.917h-13.16l29.61-84.305zm95.82 0v11.31h-22.413v72.995H399.73V48.938h-22.413v-11.31zm76.698 0v11.926h-39.891v24.058h33.927v11.31h-33.927v24.88h39.89v11.926H458.95v-84.1zM334.137 54.9h-.206l-11.926 36.807h23.852z"/></svg>

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

React

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

<Icon icon="logos:xstate" width="24" />

Vue

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

<template>
  <Icon icon="logos:xstate" width="24" />
</template>

Svelte

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

<Icon icon="logos:xstate" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="logos:xstate"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/xstate.svg" alt="أيقونة Xstate" width="24" height="24">

أيقونة Xstate في مجموعات أخرى

أيقونة Xstate من Simple Icons
Simple Icons
 أيقونة Xstate من theSVG
theSVG

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

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

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

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

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

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

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

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