أيقونة Mood X
tabler:mood-x
أيقونة Mood X (tabler:mood-x) أيقونة SVG مجانية من مجموعة Tabler Icons من تصميم Paweł Kuna. مرسومة على شبكة 24 × 24. تُنشر Tabler Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Tabler Icons
- المؤلف
- Paweł Kuna
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- emotion، feeling، happy، face، delete، close، mood، x، moodx
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M20.983 12.556a9 9 0 1 0-8.433 8.427M9 10h.01M15 10h.01"/><path d="M9.5 15c.658.64 1.56 1 2.5 1q.292 0 .574-.045M21.5 21.5l-5-5m0 5l5-5"/></g></svg>كيفية استخدام أيقونة Mood X
React
import { Icon } from "@iconify/react";
<Icon icon="tabler:mood-x" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tabler:mood-x" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tabler:mood-x" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--mood-x]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:mood-x"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tabler:mood-x"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/tabler/mood-x.svg" alt="أيقونة Mood X" width="24" height="24">أيقونات ذات صلة في Tabler Icons
mood-angry
mood-angry-filled
mood-annoyed
mood-annoyed-2
mood-bitcoin
mood-boy
mood-check
mood-cog
mood-confused
mood-confused-filled
mood-crazy-happy
mood-crazy-happy-filled
mood-cry
mood-dollar
mood-edit
mood-empty
mood-empty-filled
mood-happy
mood-happy-filled
mood-heart
mood-kid
mood-kid-filled
mood-look-down
mood-look-left
الأسئلة الشائعة حول أيقونة Mood X
هل أيقونة Mood X مجانية للاستخدام التجاري؟
نعم. تُنشر Tabler Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Mood X في React؟
ثبّت @iconify/react واعرض <Icon icon="tabler:mood-x" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Mood X إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/tabler/mood-x.svg" alt="أيقونة Mood X">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.