أيقونة Grid Horizontal

rivet-icons:grid-horizontal

أيقونة Grid Horizontal (rivet-icons:grid-horizontal) أيقونة SVG مجانية من مجموعة Rivet Icons من تصميم Indiana University. مرسومة على شبكة 24 × 24. تُنشر Rivet Icons بموجب ترخيص BSD 3-Clause، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Rivet Icons
المؤلف: Indiana University
الترخيص: BSD-3-Clause
الحجم: 24 × 24
الوسوم: gridhorizontal

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 3H1v2h2zm0 4H1v2h2zm-2 4h2v2H1zm6-8H5v2h2zM5 7h2v2H5zm2 4H5v2h2zm2-8h2v2H9zm6 0h-2v2h2zM9 7h2v2H9zm6 0h-2v2h2zm-6 4h2v2H9zm6 0h-2v2h2z"/></svg>

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

React

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

<Icon icon="rivet-icons:grid-horizontal" width="24" />

Vue

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

<template>
  <Icon icon="rivet-icons:grid-horizontal" width="24" />
</template>

Svelte

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

<Icon icon="rivet-icons:grid-horizontal" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[rivet-icons--grid-horizontal]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/rivet-icons -->
<div class="i-rivet-icons:grid-horizontal"></div>

مكوّن ويب

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

<iconify-icon icon="rivet-icons:grid-horizontal"></iconify-icon>

صورة HTML

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

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

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

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

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

نعم. تُنشر Rivet Icons بموجب ترخيص BSD 3-Clause، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Rivet Icons →