أيقونة Coffee
fluent-mdl2:coffee
أيقونة Coffee (fluent-mdl2:coffee) أيقونة SVG مجانية من مجموعة Fluent UI MDL2 من تصميم Microsoft Corporation. مرسومة على شبكة 2048 × 2048. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fluent UI MDL2
- المؤلف
- Microsoft Corporation
- الترخيص
- MIT
- الحجم
- 2048 × 2048
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M448 1024q56 0 101 25t82 68t61 96t43 111t25 112t8 100q0 45-8 100t-25 112t-42 111t-62 96t-81 67t-102 26q-35 0-64-17q-29 17-64 17q-56 0-101-25t-82-68t-61-96t-43-111t-25-112t-8-100q0-45 8-100t25-112t42-111t62-96t81-67t102-26q35 0 64 17q29-17 64-17m-321 512q0 45 7 91t21 90t36 86t51 76q16 19 34 30t44 11v-768q-25 0-43 11t-35 30q-29 35-51 76t-36 85t-21 91t-7 91m321 384q25 0 43-11t35-30q29-34 50-75t36-86t22-91t7-91t-7-91t-21-90t-36-86t-51-76q-16-19-34-30t-44-11zm1600-320q0 35-17 64q17 29 17 64q0 56-25 101t-68 82t-96 61t-111 43t-112 25t-100 8q-45 0-100-8t-112-25t-111-42t-96-62t-67-81t-26-102q0-35 17-64q-17-29-17-64q0-56 25-101t68-82t96-61t111-43t112-25t100-8q45 0 100 8t112 25t111 42t96 62t67 81t26 102m-512-193q-45 0-91 7t-90 21t-86 36t-76 51q-19 16-30 34t-11 44h768q0-25-11-43t-30-35q-35-29-76-50t-85-36t-91-22t-91-7m0 514q45 0 91-7t90-21t86-36t76-51q19-16 30-34t11-44h-768q0 25 11 43t30 35q34 29 75 51t86 36t91 21t91 7m-384-914q-29 17-64 17q-56 0-101-25t-82-68t-61-96t-43-111t-25-112t-8-100q0-45 8-100t25-112t42-111t62-96t81-67t102-26q35 0 64 17q29-17 64-17q56 0 101 25t82 68t61 96t43 111t25 112t8 100q0 45-8 100t-25 112t-42 111t-62 96t-81 67t-102 26q-35 0-64-17m257-495q0-45-7-91t-21-90t-36-86t-51-76q-16-19-34-30t-44-11v768q25 0 43-11t35-30q29-34 50-75t36-86t22-91t7-91m-514 0q0 45 7 91t21 90t36 86t51 76q16 19 34 30t44 11V128q-25 0-43 11t-35 30q-29 35-51 76t-36 85t-21 91t-7 91"/></svg>
كيفية استخدام أيقونة Coffee
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:coffee" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:coffee" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:coffee" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--coffee]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:coffee"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:coffee"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/coffee.svg" alt="أيقونة Coffee" width="24" height="24">
أيقونات ذات صلة في Fluent UI MDL2
أيقونة Coffee في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Coffee
هل أيقونة Coffee مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Coffee في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:coffee" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Coffee إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/coffee.svg" alt="أيقونة Coffee">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Fluent UI MDL2 →
ICONYZ
