ICONYZ
العربية
أيقونة Chef من WebHostingHub Glyphs

أيقونة Chef

whh:chef

أيقونة Chef (whh:chef) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
WebHostingHub Glyphs
المؤلف
WebHostingHub
الترخيص
OFL-1.1
الحجم
1024 × 1024
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M958 446q-15 16-31 34t-40.5 48t-39.5 60t-15 52q0 27-93.5 45.5T512 704t-226.5-18.5T192 640q0-29-27-72.5t-50.5-70T68 448Q0 382 0 288q0-93 65.5-158.5T224 64q23 0 48 5q-16 41-16 91q0 107 66 178q-2-54-2-114q0-93 56-158.5T512 0t136 65.5T704 224q0 61-2 114q66-71 66-178q0-50-16-91q25-5 48-5q93 0 158.5 65.5T1024 288t-66 158M511.5 768Q644 768 738 749t94-45v256q0 26-94 45t-226.5 19t-226-19t-93.5-45V704q0 27 93.5 45.5t226 18.5"/></svg>

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

React

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

<Icon icon="whh:chef" width="24" />

Vue

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

<template>
  <Icon icon="whh:chef" width="24" />
</template>

Svelte

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

<Icon icon="whh:chef" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--chef]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:chef"></div>

مكوّن ويب

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

<iconify-icon icon="whh:chef"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/whh/chef.svg" alt="أيقونة Chef" width="24" height="24">

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

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

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

نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات WebHostingHub Glyphs →