Drag Squares Horizontal Light アイコン
stash:drag-squares-horizontal-light
Drag Squares Horizontal Light アイコン(stash:drag-squares-horizontal-light)は、Stash Icons セットの無料 SVG アイコンです（作者: 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 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Drag Squares Horizontal Light アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。