أيقونة Cooking Outline

material-symbols:cooking-outline

أيقونة Cooking Outline (material-symbols:cooking-outline) أيقونة SVG مجانية من مجموعة Material Symbols من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Material Symbols
المؤلف: Google
الترخيص: Apache-2.0
الحجم: 24 × 24
الفئة: المنزل
الوسوم: cookingoutline، cooking outline sharp

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9 21v-3H2v-2h7q.825 0 1.413.588T11 18v3zm4 0v-3q0-.825.588-1.412T15 16h7v2h-7v3zm-7-6q-1.25 0-2.125-.875T3 12V8h18v4q0 1.25-.875 2.125T18 15zm0-2h12q.425 0 .713-.288T19 12v-2H5v2q0 .425.288.713T6 13M3 7V5h6V4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4v1h6v2zm2 6v-3z"/></svg>

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

React

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

<Icon icon="material-symbols:cooking-outline" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:cooking-outline" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:cooking-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--cooking-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:cooking-outline"></div>

مكوّن ويب

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

<iconify-icon icon="material-symbols:cooking-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/cooking-outline.svg" alt="أيقونة Cooking Outline" width="24" height="24">

أيقونات ذات صلة في Material Symbols

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

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

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

نعم. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات Material Symbols →