أيقونة Stylex
logos:stylex
أيقونة Stylex (logos:stylex) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 346. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 512 × 346
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="346" viewBox="0 0 512 346"><path fill="#5bd3f3" d="M458.158 180.813c1.901 4.453 10.394 22.139 12.138 26.478c-10.62 17.607-13.112 22.175-35.314 50.085c-90.356 93.558-160.068 108.676-202.788 64.969q-6.26-6.69-11.101-17.393q1.364 2.455 3.602 5.411l.54.703l.278.356l.576.724l.6.736l.624.75l.648.765l.673.778l.697.793l.72.805l.746.82l.382.415l.781.84l.4.426l.818.861l.418.436c52.77 47.773 105.408 6.787 176.877-72.403q16.182-18.817 47.685-67.355m27.597-151.146c33.443 28.744 33.443 73.348 8.356 137.053c-1.922-4.684-10.39-23.409-12.514-28.206c19.75-54.105 20.207-79.827-8.196-105.478c-16.34-14.756-27.943-15.363-50.036-11.77l-1.446.241l-.727.125l-1.463.261l-1.475.272l-.742.14l-17.42 3.45v-.031l.385-.14c34.959-12.736 64.98-13.754 85.278 4.083"/><path fill="#d573de" d="M463.693 121.952c53.019 99.976 56.365 154.074 38.705 191.918c-6.362 13.637-22.227 23.062-29.052 26.727c-17.13 9.2-52.596 4.62-84.301-4.67l-4.753-2.023c15.932 5.123 50.554 11.817 69.22 6.693c61.303-16.827 54.01-89.702-7.605-204.153S316.879-9.4 263.739 12.178c-5.102 2.072-9.55 4.903-13.377 8.41l.41-.436l.82-.862l.412-.425l.825-.838c5.927-5.946 12.072-10.586 18.405-12.722c48.055-16.209 130.55-.095 192.46 116.647"/><path d="M0 227.235V202.88q9.568 6.711 19.571 10.872q10.002 4.164 16.837 4.163q7.082 0 12.177-3.479t5.094-8.325q0-4.97-3.292-8.263q-3.293-3.293-14.227-9.506q-21.87-12.177-28.642-20.814q-6.772-8.634-6.772-18.825q0-13.17 10.25-21.495q10.253-8.327 26.406-8.327q16.775 0 34.419 9.444v22.366q-20.13-12.177-32.928-12.177q-6.585 0-10.624 2.796q-4.038 2.796-4.038 7.394q0 3.976 3.666 7.579q3.665 3.604 12.86 8.698l8.077 4.597q28.58 16.155 28.579 35.787q0 14.04-10.997 23.05q-10.997 9.009-28.269 9.009q-10.19 0-18.14-2.174q-7.954-2.175-20.007-8.016zm79.525-87.975l42.497-41.75v23.608h36.159v20.379h-36.16v56.04q0 19.632 16.279 19.632q12.178 0 25.72-8.2v21.123q-13.046 7.332-28.454 7.332q-15.532 0-25.845-9.07q-3.232-2.736-5.344-6.152t-3.542-8.947q-1.428-5.529-1.429-21.061v-50.697h-19.88zm170.731-18.143h25.473l-80.892 172.596h-25.225l38.893-82.756l-44.236-89.84h25.721l30.816 64.491zm31.66-59.27h22.616v173.588h-22.615zM417.93 180.265h-80.395q.87 16.402 10.997 26.095q10.127 9.691 26.155 9.691q22.367 0 41.255-13.917v22.119q-10.438 6.957-20.69 9.94q-10.25 2.983-24.043 2.983q-18.887 0-30.568-7.829q-11.68-7.829-18.7-21.062q-7.022-13.233-7.022-30.63q0-26.093 14.787-42.434t38.396-16.34q22.74 0 36.283 15.905q13.545 15.905 13.545 42.62zm-79.899-13.544h57.532q-.87-13.545-8.077-20.875q-7.206-7.332-19.384-7.332q-12.177 0-19.943 7.332t-10.127 20.875z"/></svg>كيفية استخدام أيقونة Stylex
React
import { Icon } from "@iconify/react";
<Icon icon="logos:stylex" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:stylex" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:stylex" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--stylex]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:stylex"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stylex"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/logos/stylex.svg" alt="أيقونة Stylex" width="24" height="24">أيقونات ذات صلة في SVG Logos
الأسئلة الشائعة حول أيقونة Stylex
هل أيقونة Stylex مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Stylex في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:stylex" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Stylex إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/stylex.svg" alt="أيقونة Stylex">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.