أيقونة Mouse Face
twemoji:mouse-face
أيقونة Mouse Face (twemoji:mouse-face) أيقونة SVG مجانية من مجموعة Twitter Emoji من تصميم Twitter. مرسومة على شبكة 36 × 36. تُنشر Twitter Emoji icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Twitter Emoji
- المؤلف
- Twitter
- الترخيص
- CC-BY-4.0
- الحجم
- 36 × 36
- الفئة
- الحيوانات والطبيعة
- الوسوم
- mouseface
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="8.5" cy="9.5" r="8.5" fill="#99aab5"/><circle cx="27.5" cy="9.5" r="8.5" fill="#99aab5"/><path fill="#f4abba" d="M13.812 10.031a5.844 5.844 0 1 1-11.688 0a5.844 5.844 0 0 1 11.688 0m20.063 0a5.844 5.844 0 1 1-11.688 0a5.844 5.844 0 0 1 11.688 0"/><path fill="#99aab5" d="M30 18c0 7.18-8 15-12 15S6 25.18 6 18s7-9 12-9s12 1.82 12 9"/><path fill="#f4abba" d="M20.905 29.648C20.905 31.252 18.894 33 18 33s-2.905-1.748-2.905-3.352c0-1.605 1.788-1.956 2.905-1.956s2.905.351 2.905 1.956"/><g fill="#66757f"><path d="M34.999 32.16a1 1 0 0 1-.514-.143C29.857 29.24 23.207 30.14 23.14 30.15a.99.99 0 0 1-1.13-.85a1 1 0 0 1 .848-1.131c.301-.042 7.411-1.014 12.656 2.133a1 1 0 0 1-.515 1.858"/><path d="M32.001 35.16a1 1 0 0 1-.801-.4c-2.728-3.637-8.309-4.604-8.364-4.613a1 1 0 0 1-.822-1.15a.994.994 0 0 1 1.15-.822c.262.044 6.433 1.115 9.636 5.387a.998.998 0 0 1-.799 1.598m-31-3a.998.998 0 0 1-.515-1.857c5.244-3.146 12.355-2.175 12.656-2.133a1 1 0 0 1 .848 1.131a.997.997 0 0 1-1.13.85c-.066-.009-6.717-.909-11.345 1.867a1 1 0 0 1-.514.142"/><path d="M3.999 35.16a.999.999 0 0 1-.799-1.599c3.203-4.271 9.375-5.343 9.635-5.387a.99.99 0 0 1 1.15.821a1 1 0 0 1-.82 1.151c-.056.01-5.648.991-8.366 4.613a1 1 0 0 1-.8.401"/></g><path fill="#272b2b" d="M12 21s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2zm8 0s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2z"/></svg>
كيفية استخدام أيقونة Mouse Face
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:mouse-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:mouse-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:mouse-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--mouse-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:mouse-face"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:mouse-face"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/twemoji/mouse-face.svg" alt="أيقونة Mouse Face" width="24" height="24">
أيقونات ذات صلة في Twitter Emoji
أيقونة Mouse Face في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Mouse Face
هل أيقونة Mouse Face مجانية للاستخدام التجاري؟
نعم. تُنشر Twitter Emoji icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Mouse Face في React؟
ثبّت @iconify/react واعرض <Icon icon="twemoji:mouse-face" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Mouse Face إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/twemoji/mouse-face.svg" alt="أيقونة Mouse Face">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Twitter Emoji →
ICONYZ
