أيقونة Bread
icon-park-outline:bread
أيقونة Bread (icon-park-outline:bread) أيقونة SVG مجانية من مجموعة IconPark Outline من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark Outline icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark Outline
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- الأطعمة
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M4 32.083c0-1.202.266-2.395.971-3.368C7.045 25.85 12.671 20 24 20s16.955 5.851 19.029 8.715c.705.973.971 2.166.971 3.368A7.917 7.917 0 0 1 36.083 40H11.917A7.917 7.917 0 0 1 4 32.083"/><path d="M12 9v4m2 9v4M36 9v4m-2 9v4M24 7v6m0 7v8m16-2.557C36.906 22.78 31.808 20 24 20s-12.906 2.779-16 5.443"/></g></svg>كيفية استخدام أيقونة Bread
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-outline:bread" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-outline:bread" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-outline:bread" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--bread]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline:bread"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-outline:bread"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park-outline/bread.svg" alt="أيقونة Bread" width="24" height="24">أيقونات ذات صلة في IconPark Outline
أيقونة Bread في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Bread
هل أيقونة Bread مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark Outline icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Bread في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park-outline:bread" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Bread إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park-outline/bread.svg" alt="أيقونة Bread">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.