أيقونة Coffee Mug

game-icons:coffee-mug

أيقونة Coffee Mug (game-icons:coffee-mug) أيقونة SVG مجانية من مجموعة Game Icons من تصميم GameIcons. مرسومة على شبكة 512 × 512. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Game Icons
المؤلف: GameIcons
الترخيص: CC-BY-3.0
الحجم: 512 × 512
الوسوم: coffeemug

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M221.97 54.406c-40.375 0-77.013 8.01-104.345 21.563C90.293 89.52 70.937 109.51 70.937 134c0 2.57.213 5.094.626 7.563l-.032 5.875c-.555 82.898 16.25 164.612 14.97 244.718c-.372 23.295 14.294 43.908 38 57.594s56.797 21.5 97.125 21.5c40.357 0 71.338-8.024 92.906-22.03c21.57-14.008 33.408-34.712 33.408-56.908c0-3.17.054-6.345.125-9.53c42.143-1.114 75.316-23.45 97.125-52.563c22.235-29.684 34.027-66.306 34.687-99.626s-9.983-66.91-39.156-80.594c-14.588-6.842-30.593-6.573-49.25-1.125c-6.16 1.798-12.548 4.25-19.126 7.375c.07-2.93.125-5.86.125-8.75v-6.72c.33-2.214.5-4.484.5-6.78c0-24.49-19.357-44.478-46.69-58.03c-27.33-13.554-63.937-21.564-104.31-21.564zm0 18.688c37.87 0 72.087 7.752 96.03 19.625c23.943 11.87 36.28 26.974 36.28 41.28s-12.337 29.44-36.28 41.313c-23.943 11.87-58.16 19.593-96.03 19.593s-72.09-7.722-96.032-19.594c-23.943-11.87-36.313-27.006-36.313-41.312s12.37-29.41 36.313-41.28c23.942-11.874 58.16-19.626 96.03-19.626zm-69.657 39.03c-23.19 6.707-37.907 16.684-37.907 27.814c0 20.193 48.398 36.562 108.094 36.562s108.063-16.37 108.063-36.563c0-10.264-12.52-19.546-32.657-26.187c5.266 4.105 8.22 8.692 8.22 13.563c0 17.186-36.765 31.124-82.126 31.124c-45.36 0-82.125-13.938-82.125-31.125c0-5.518 3.788-10.693 10.438-15.187zm263.312 68.282c4.34-.023 7.825.793 10.53 2.063c10.826 5.076 18.406 22.81 17.908 48.124c-.5 25.313-9.714 55.51-26.844 78.375c-16.296 21.75-38.106 36.352-67.126 37.905c4.352-49.843 14.23-100.49 19.28-147.844c20.724-13.842 35.894-18.567 46.25-18.624z"/></svg>

كيفية استخدام أيقونة Coffee Mug

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:coffee-mug" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:coffee-mug" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:coffee-mug" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--coffee-mug]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:coffee-mug"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:coffee-mug"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/game-icons/coffee-mug.svg" alt="أيقونة Coffee Mug" width="24" height="24">

أيقونات ذات صلة في Game Icons

أيقونة Coffee Mug في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Coffee Mug

هل أيقونة Coffee Mug مجانية للاستخدام التجاري؟

نعم. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Coffee Mug في React؟

ثبّت @iconify/react واعرض <Icon icon="game-icons:coffee-mug" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Coffee Mug إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/game-icons/coffee-mug.svg" alt="أيقونة Coffee Mug">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Game Icons →