ICONYZ
العربية
أيقونة Burger Solid من Flowbite Icons

أيقونة Burger Solid

flowbite:burger-solid

أيقونة Burger Solid (flowbite:burger-solid) أيقونة SVG مجانية من مجموعة Flowbite Icons من تصميم Themesberg. مرسومة على شبكة 24 × 24. تُنشر Flowbite Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Flowbite Icons
المؤلف
Themesberg
الترخيص
MIT
الحجم
24 × 24
الفئة
الطعام والمشروبات
الوسوم
burgersolid
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15 3H9a5 5 0 0 0-5 5v1a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V8a5 5 0 0 0-5-5"/><path d="m4.351 12.936l2.316-.868l2.315.868a1 1 0 0 0 .702 0L12 12.068l2.316.868a1 1 0 0 0 .702 0l2.315-.868l2.316.868a1 1 0 0 0 .702-1.872l-2.667-1a1 1 0 0 0-.702 0l-2.315.868l-2.316-.868a1 1 0 0 0-.702 0l-2.316.868l-2.315-.868a1 1 0 0 0-.702 0l-2.667 1a1 1 0 1 0 .702 1.872"/><path d="M21 15.5c0 .818-.393 1.544-1 2v.5a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-.5A2.5 2.5 0 0 1 5.5 13h13a2.5 2.5 0 0 1 2.5 2.5"/></g></svg>

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

React

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

<Icon icon="flowbite:burger-solid" width="24" />

Vue

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

<template>
  <Icon icon="flowbite:burger-solid" width="24" />
</template>

Svelte

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

<Icon icon="flowbite:burger-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flowbite--burger-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flowbite -->
<div class="i-flowbite:burger-solid"></div>

مكوّن ويب

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

<iconify-icon icon="flowbite:burger-solid"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/flowbite/burger-solid.svg" alt="أيقونة Burger Solid" width="24" height="24">

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

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

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

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

نعم. تُنشر Flowbite Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Flowbite Icons →