Drag Squares Horizontal Light icon
stash:drag-squares-horizontal-light
The Drag Squares Horizontal Light icon (stash:drag-squares-horizontal-light) is a free SVG icon from the Stash Icons set by Pingback LLC. It is drawn on a 24 × 24 grid. Stash Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Stash Icons
- Author
- Pingback LLC
- License
- MIT
- Size
- 24 × 24
- Tags
- dragsquares, squareshorizontal, horizontallight, dragsquareshorizontallight, square
SVG code
<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>How to use the Drag Squares Horizontal Light icon
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>Web component
<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 image
<img src="https://iconyz.com/api/public/svg/stash/drag-squares-horizontal-light.svg" alt="Drag Squares Horizontal Light icon" width="24" height="24">Related icons in Stash Icons
Drag Squares Horizontal Light icon FAQ
Is the Drag Squares Horizontal Light icon free for commercial use?
Yes. Stash Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Drag Squares Horizontal Light icon in React?
Install @iconify/react and render <Icon icon="stash:drag-squares-horizontal-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Drag Squares Horizontal Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/stash/drag-squares-horizontal-light.svg" alt="Drag Squares Horizontal Light icon">, or paste the SVG code inline to style it with CSS.