أيقونة Cocktail
icon-park:cocktail
أيقونة Cocktail (icon-park:cocktail) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- السفر
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M35.8 13H32L21 32L9.8 13H6"/><path d="M25.7509 25.5961C31.3517 28.7466 38.446 26.7602 41.5964 21.1594C44.7469 15.5586 42.7605 8.46427 37.1597 5.31383C31.5589 2.16338 24.4646 4.14978 21.3142 9.75057"/><path stroke-linejoin="round" d="M26 44H16"/><path stroke-linejoin="round" d="M21 44L21 32"/><path stroke-linejoin="round" d="M12 16C12 16 14 14 17 14C20 14 22 17 25 17C28 17 30 16 30 16"/></g></svg>
كيفية استخدام أيقونة Cocktail
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:cocktail" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:cocktail" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:cocktail" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--cocktail]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:cocktail"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:cocktail"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/cocktail.svg" alt="أيقونة Cocktail" width="24" height="24">
أيقونة Cocktail في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Cocktail
هل أيقونة Cocktail مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Cocktail في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:cocktail" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Cocktail إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/cocktail.svg" alt="أيقونة Cocktail">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
