أيقونة Tulip
twemoji:tulip
أيقونة Tulip (twemoji:tulip) أيقونة SVG مجانية من مجموعة Twitter Emoji من تصميم Twitter. مرسومة على شبكة 36 × 36. تُنشر Twitter Emoji icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Twitter Emoji
- المؤلف
- الترخيص
- CC-BY-4.0
- الحجم
- 36 × 36
- الفئة
- الحيوانات والطبيعة
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#77b255" d="M34.751 22c-3.382 0-11.9 3.549-15.751 7.158V17a1 1 0 1 0-2 0v12.341C13.247 25.669 4.491 22 1.052 22C.123 22 11.913 35.992 17 34.599V35a1 1 0 1 0 2 0v-.356C24.188 35.638 35.668 22 34.751 22"/><path fill="#ea596e" d="M25 13.417C25 19.768 23.293 23 18 23s-7-3.232-7-9.583S16 0 18 0s7 7.066 7 13.417"/><path fill="#f4abba" d="M22.795 2c-.48 0-4.106 14.271-4.803 19.279C17.246 16.271 13.481 2 13 2c-1 0-6 9-6 13s5.707 8 11 8s10.795-4 10.795-8s-5-13-6-13"/></svg>كيفية استخدام أيقونة Tulip
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:tulip" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:tulip" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:tulip" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--tulip]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:tulip"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:tulip"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/twemoji/tulip.svg" alt="أيقونة Tulip" width="24" height="24">أيقونة Tulip في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Tulip
هل أيقونة Tulip مجانية للاستخدام التجاري؟
نعم. تُنشر Twitter Emoji icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Tulip في React؟
ثبّت @iconify/react واعرض <Icon icon="twemoji:tulip" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Tulip إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/twemoji/tulip.svg" alt="أيقونة Tulip">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.