أيقونة Drag Squares Horizontal Light

stash:drag-squares-horizontal-light

أيقونة Drag Squares Horizontal Light (stash:drag-squares-horizontal-light) أيقونة SVG مجانية من مجموعة Stash Icons من تصميم Pingback LLC. مرسومة على شبكة 24 × 24. تُنشر Stash Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Stash Icons
المؤلف: Pingback LLC
الترخيص: MIT
الحجم: 24 × 24
الوسوم: dragsquares، squareshorizontal، horizontallight، dragsquareshorizontallight، square

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.284 7h1.432c.126 0 .249 0 .353.008c.114.01.25.032.385.101a1 1 0 0 1 .437.437c.07.136.091.27.1.385c.009.104.009.227.009.353v1.432c0 .126 0 .249-.008.353a1 1 0 0 1-.101.385a1 1 0 0 1-.437.437a1 1 0 0 1-.385.1C6.965 11 6.842 11 6.716 11H5.284c-.126 0-.249 0-.353-.008a1 1 0 0 1-.385-.101a1 1 0 0 1-.437-.437a1 1 0 0 1-.1-.385C4 9.965 4 9.842 4 9.716V8.284c0-.126 0-.249.008-.353c.01-.114.032-.25.101-.385a1 1 0 0 1 .437-.437a1 1 0 0 1 .385-.1C5.035 7 5.158 7 5.284 7m-.278 1.006v.006C5 8.071 5 8.152 5 8.3v1.4a4 4 0 0 0 .006.294h.006c.059.006.14.006.288.006h1.4a4 4 0 0 0 .294-.006v-.006C7 9.929 7 9.848 7 9.7V8.3a4 4 0 0 0-.006-.294h-.006A4 4 0 0 0 6.7 8H5.3a4 4 0 0 0-.294.006M11.284 7h1.432c.126 0 .249 0 .353.008c.114.01.25.032.385.101a1 1 0 0 1 .437.437c.07.136.091.27.1.385c.009.104.009.227.009.353v1.432c0 .126 0 .249-.008.353a1 1 0 0 1-.101.385a1 1 0 0 1-.437.437a1 1 0 0 1-.385.1a4 4 0 0 1-.353.009h-1.432c-.126 0-.249 0-.353-.008a1 1 0 0 1-.385-.101a1 1 0 0 1-.437-.437a1 1 0 0 1-.1-.385C10 9.965 10 9.842 10 9.716V8.284c0-.126 0-.249.008-.353c.01-.114.032-.25.101-.385a1 1 0 0 1 .437-.437a1 1 0 0 1 .385-.1C11.035 7 11.158 7 11.284 7m-.278 1.006v.006A4 4 0 0 0 11 8.3v1.4a4 4 0 0 0 .006.294h.006c.059.006.14.006.288.006h1.4a4 4 0 0 0 .294-.006v-.006C13 9.929 13 9.848 13 9.7V8.3a4 4 0 0 0-.006-.294h-.006A4 4 0 0 0 12.7 8h-1.4c-.148 0-.23 0-.288.005zM17.284 7h1.432c.126 0 .249 0 .353.008c.114.01.25.032.385.101a1 1 0 0 1 .437.437c.07.136.091.27.1.385c.009.104.009.227.009.353v1.432c0 .126 0 .249-.009.353a1 1 0 0 1-.1.385a1 1 0 0 1-.437.437a1 1 0 0 1-.385.1a4 4 0 0 1-.353.009h-1.432c-.126 0-.249 0-.353-.008a1 1 0 0 1-.385-.101a1 1 0 0 1-.437-.437a1 1 0 0 1-.1-.385C16 9.965 16 9.842 16 9.716V8.284c0-.126 0-.249.009-.353a1 1 0 0 1 .1-.385a1 1 0 0 1 .437-.437a1 1 0 0 1 .385-.1C17.035 7 17.158 7 17.284 7m-.278 1.006v.006A4 4 0 0 0 17 8.3v1.4a4 4 0 0 0 .006.294h.006c.059.006.14.006.288.006h1.4a4 4 0 0 0 .294-.006v-.006C19 9.929 19 9.848 19 9.7V8.3a4 4 0 0 0-.006-.294h-.006A4 4 0 0 0 18.7 8h-1.4c-.148 0-.23 0-.288.005zM5.284 13h1.432c.126 0 .249 0 .353.008c.114.01.25.032.385.101a1 1 0 0 1 .437.437c.07.136.091.27.1.385c.009.104.009.227.009.353v1.432c0 .126 0 .249-.008.353a1 1 0 0 1-.101.385a1 1 0 0 1-.437.437a1 1 0 0 1-.385.1C6.965 17 6.842 17 6.716 17H5.284c-.126 0-.249 0-.353-.009a1 1 0 0 1-.385-.1a1 1 0 0 1-.437-.437a1 1 0 0 1-.1-.385C4 15.965 4 15.842 4 15.716v-1.432c0-.126 0-.249.008-.353c.01-.114.032-.25.101-.385a1 1 0 0 1 .437-.437a1 1 0 0 1 .385-.1C5.035 13 5.158 13 5.284 13m-.278 1.006v.006C5 14.071 5 14.152 5 14.3v1.4c0 .148 0 .23.005.288v.006h.007c.059.006.14.006.288.006h1.4a4 4 0 0 0 .294-.006v-.006C7 15.929 7 15.848 7 15.7v-1.4a4 4 0 0 0-.006-.294h-.006A4 4 0 0 0 6.7 14H5.3a4 4 0 0 0-.294.006M11.284 13h1.432c.126 0 .249 0 .353.008c.114.01.25.032.385.101a1 1 0 0 1 .437.437c.07.136.091.27.1.385c.009.104.009.227.009.353v1.432c0 .126 0 .249-.008.353a1 1 0 0 1-.101.385a1 1 0 0 1-.437.437a1 1 0 0 1-.385.1a4 4 0 0 1-.353.009h-1.432c-.126 0-.249 0-.353-.009a1 1 0 0 1-.385-.1a1 1 0 0 1-.437-.437a1 1 0 0 1-.1-.385C10 15.965 10 15.842 10 15.716v-1.432c0-.126 0-.249.008-.353c.01-.114.032-.25.101-.385a1 1 0 0 1 .437-.437a1 1 0 0 1 .385-.1c.104-.009.227-.009.353-.009m-.278 1.006v.006A4 4 0 0 0 11 14.3v1.4a4 4 0 0 0 .006.294h.006c.059.006.14.006.288.006h1.4a4 4 0 0 0 .294-.006v-.006c.006-.059.006-.14.006-.288v-1.4a4 4 0 0 0-.006-.294h-.006A4 4 0 0 0 12.7 14h-1.4a4 4 0 0 0-.294.006M17.284 13h1.432c.126 0 .249 0 .353.008c.114.01.25.032.385.101a1 1 0 0 1 .437.437c.07.136.091.27.1.385c.009.104.009.227.009.353v1.432c0 .126 0 .249-.009.353a1 1 0 0 1-.1.385a1 1 0 0 1-.437.437a1 1 0 0 1-.385.1a4 4 0 0 1-.353.009h-1.432c-.126 0-.249 0-.353-.009a1 1 0 0 1-.385-.1a1 1 0 0 1-.437-.437a1 1 0 0 1-.1-.385C16 15.965 16 15.842 16 15.716v-1.432c0-.126 0-.249.009-.353a1 1 0 0 1 .1-.385a1 1 0 0 1 .437-.437a1 1 0 0 1 .385-.1c.104-.009.227-.009.353-.009m-.278 1.006v.006A4 4 0 0 0 17 14.3v1.4a4 4 0 0 0 .006.294h.006c.059.006.14.006.288.006h1.4a4 4 0 0 0 .294-.006v-.006c.006-.059.006-.14.006-.288v-1.4a4 4 0 0 0-.006-.294h-.006A4 4 0 0 0 18.7 14h-1.4a4 4 0 0 0-.294.006" clip-rule="evenodd"/></svg>

كيفية استخدام أيقونة Drag Squares Horizontal Light

React

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

<Icon icon="stash:drag-squares-horizontal-light" width="24" />

Vue

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

<template>
  <Icon icon="stash:drag-squares-horizontal-light" width="24" />
</template>

Svelte

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

<Icon icon="stash:drag-squares-horizontal-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--drag-squares-horizontal-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:drag-squares-horizontal-light"></div>

مكوّن ويب

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

<iconify-icon icon="stash:drag-squares-horizontal-light"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/stash/drag-squares-horizontal-light.svg" alt="أيقونة Drag Squares Horizontal Light" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Drag Squares Horizontal Light

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

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

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

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/stash/drag-squares-horizontal-light.svg" alt="أيقونة Drag Squares Horizontal Light">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Stash Icons →