أيقونة Coffee Hot

ps:coffee-hot

أيقونة Coffee Hot (ps:coffee-hot) أيقونة SVG مجانية من مجموعة PrestaShop Icons من تصميم PrestaShop. مرسومة على شبكة 432 × 512. تستخدم PrestaShop Icons ترخيص CC BY-NC 4.0، الذي لا يسمح بالاستخدام التجاري دون إذن منفصل من المؤلف. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: PrestaShop Icons
المؤلف: PrestaShop
الترخيص: CC-BY-NC-4.0
الحجم: 432 × 512
الوسوم: coffeehot

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="432" height="512" viewBox="0 0 432 512"><path fill="currentColor" d="M0 213v150q0 62 43.5 105.5T149 512h43q56 0 97.5-36.5T339 384h2q35 0 60.5-25t25.5-60t-25.5-60.5T341 213q0-17-12.5-29.5T299 171H43q-18 0-30.5 12.5T0 213m341 43q18 0 30.5 12.5T384 299q0 17-12.5 29.5T341 341zm-42 107q0 44-31 75t-76 31h-43q-44 0-75-31t-31-75V213h256zM145 34q10-19-6-30q-17-11-28 5l-11 14Q82 52 85.5 85.5T113 143q6 6 15 6t15-6q13-15 0-30q-13-13-15-31.5t9-34.5zm75 53l8-8q14-14 2-30q-4-6-13.5-6.5T201 47l-9 8q-22 19-19 45q3 28 32 45q2 4 8 4q12 0 20-10q11-19-9-30q-11-7-11-11z"/></svg>

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

React

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

<Icon icon="ps:coffee-hot" width="24" />

Vue

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

<template>
  <Icon icon="ps:coffee-hot" width="24" />
</template>

Svelte

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

<Icon icon="ps:coffee-hot" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--coffee-hot]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="ps:coffee-hot"></iconify-icon>

صورة HTML

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

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

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

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

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

لا. تستخدم PrestaShop Icons ترخيص CC BY-NC 4.0، الذي لا يسمح بالاستخدام التجاري دون إذن منفصل من المؤلف.

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

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

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

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

تصفح كل PrestaShop Icons →