أيقونة Ui Menu Grid Outline

healthicons:ui-menu-grid-outline

أيقونة Ui Menu Grid Outline (healthicons:ui-menu-grid-outline) أيقونة SVG مجانية من مجموعة Health Icons من تصميم Resolve to Save Lives. مرسومة على شبكة 48 × 48. تُنشر Health Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Health Icons
المؤلف: Resolve to Save Lives
الترخيص: MIT
الحجم: 48 × 48
الفئة: الرموز
الوسوم: uimenu، menugrid، gridoutline، uimenugridoutline، ui menu grid2x outline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M14 8H8v6h6zM8 6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm6 15H8v6h6zm-6-2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm6 15H8v6h6zm-6-2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zM27 8h-6v6h6zm-6-2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm6 15h-6v6h6zm-6-2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm6 15h-6v6h6zm-6-2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zM40 8h-6v6h6zm-6-2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm6 15h-6v6h6zm-6-2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm6 15h-6v6h6zm-6-2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2z" clip-rule="evenodd"/></svg>

كيفية استخدام أيقونة Ui Menu Grid Outline

React

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

<Icon icon="healthicons:ui-menu-grid-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:ui-menu-grid-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:ui-menu-grid-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--ui-menu-grid-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:ui-menu-grid-outline"></div>

مكوّن ويب

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

<iconify-icon icon="healthicons:ui-menu-grid-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/healthicons/ui-menu-grid-outline.svg" alt="أيقونة Ui Menu Grid Outline" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Ui Menu Grid Outline

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

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

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

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/healthicons/ui-menu-grid-outline.svg" alt="أيقونة Ui Menu Grid Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Health Icons →