ICONYZ
العربية
أيقونة Grid 3x2 من Bootstrap Icons

أيقونة Grid 3x2

bi:grid-3x2

أيقونة Grid 3x2 (bi:grid-3x2) أيقونة SVG مجانية من مجموعة Bootstrap Icons من تصميم The Bootstrap Authors. مرسومة على شبكة 24 × 24. تُنشر Bootstrap Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Bootstrap Icons
المؤلف
The Bootstrap Authors
الترخيص
MIT
الحجم
24 × 24
الوسوم
grid3x2
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0 3.5A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v8a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 11.5zM1.5 3a.5.5 0 0 0-.5.5V7h4V3zM5 8H1v3.5a.5.5 0 0 0 .5.5H5zm1 0v4h4V8zm4-1V3H6v4zm1 1v4h3.5a.5.5 0 0 0 .5-.5V8zm0-1h4V3.5a.5.5 0 0 0-.5-.5H11z"/></svg>

كيفية استخدام أيقونة Grid 3x2

React

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

<Icon icon="bi:grid-3x2" width="24" />

Vue

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

<template>
  <Icon icon="bi:grid-3x2" width="24" />
</template>

Svelte

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

<Icon icon="bi:grid-3x2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--grid-3x2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:grid-3x2"></div>

مكوّن ويب

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

<iconify-icon icon="bi:grid-3x2"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/bi/grid-3x2.svg" alt="أيقونة Grid 3x2" width="24" height="24">

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

أيقونة Grid 3x2 في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Grid 3x2

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

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

كيف أستخدم أيقونة Grid 3x2 في React؟

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

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

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

تصفح كل Bootstrap Icons →