أيقونة Coffee
ls:coffee
أيقونة Coffee (ls:coffee) أيقونة SVG مجانية من مجموعة Ligature Symbols من تصميم Kazuyuki Motoyama. مرسومة على شبكة 697 × 768. تُنشر Ligature Symbols icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Ligature Symbols
- المؤلف
- Kazuyuki Motoyama
- الترخيص
- OFL-1.1
- الحجم
- 697 × 768
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="697" height="768" viewBox="0 0 697 768"><path fill="currentColor" d="M397 344c-3-67-7-103-47-147c-51-57-70-112-28-197c11 57 15 108 55 139s73 115 20 205m-75 0c-2-36-4-54-26-79c-27-30-38-59-15-105c6 31 7 58 29 74s41 62 12 110m181 316h182c11 0 15 8 8 17c0 0-71 91-169 91H173L4 677c-7-9-4-17 7-17h180c-25-13-62-70-62-141V369h438v12c14-12 31-18 49-18c25 0 72 26 72 71c0 65-43 89-68 106c0 0-47 37-80 80c-11 19-24 34-37 40m113-270c-16 0-36 7-49 39v83c0 11-1 24-3 35c22-22 48-37 48-37c16-11 48-32 48-73c1-29-26-47-44-47m-411 12h-28v41h28zm0 65h-28v67s8 90 65 117c-35-41-37-88-37-117z"/></svg>
كيفية استخدام أيقونة Coffee
React
import { Icon } from "@iconify/react";
<Icon icon="ls:coffee" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:coffee" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:coffee" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--coffee]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:coffee"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:coffee"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/ls/coffee.svg" alt="أيقونة Coffee" width="24" height="24">
أيقونة Coffee في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Coffee
هل أيقونة Coffee مجانية للاستخدام التجاري؟
نعم. تُنشر Ligature Symbols icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Coffee في React؟
ثبّت @iconify/react واعرض <Icon icon="ls:coffee" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Coffee إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ls/coffee.svg" alt="أيقونة Coffee">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Ligature Symbols →
ICONYZ
