Иконка Drag Squares Vertical Light
stash:drag-squares-vertical-light
Иконка Drag Squares Vertical Light (stash:drag-squares-vertical-light) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Stash Icons
- Автор
- Pingback LLC
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- dragsquares, squaresvertical, verticallight, dragsquaresverticallight, 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="M7 18.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-.1C8.035 16 8.158 16 8.284 16h1.432c.126 0 .249 0 .353.009c.114.009.25.03.385.1a1 1 0 0 1 .437.437c.07.136.091.27.1.385a5 5 0 0 1 .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.1C9.965 20 9.842 20 9.716 20H8.284c-.126 0-.249 0-.353-.009a1 1 0 0 1-.385-.1a1 1 0 0 1-.437-.437a1 1 0 0 1-.1-.385C7 18.965 7 18.842 7 18.716m1.006.278h.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 9.7 17H8.3a4 4 0 0 0-.294.006v.006C8 17.071 8 17.152 8 17.3v1.4c0 .148 0 .23.005.288zM7 12.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-.1C8.035 10 8.158 10 8.284 10h1.432c.126 0 .249 0 .353.008c.114.01.25.032.385.101a1 1 0 0 1 .437.437c.07.136.091.27.1.385a5 5 0 0 1 .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.1C9.965 14 9.842 14 9.716 14H8.284c-.126 0-.249 0-.353-.008a1 1 0 0 1-.385-.101a1 1 0 0 1-.437-.437a1 1 0 0 1-.1-.385C7 12.965 7 12.842 7 12.716m1.006.278h.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 9.7 11H8.3a4 4 0 0 0-.294.006v.006C8 11.071 8 11.152 8 11.3v1.4c0 .148 0 .23.005.288zM7 6.716V5.284c0-.126 0-.249.008-.353c.01-.114.032-.25.101-.385a1 1 0 0 1 .437-.437a1 1 0 0 1 .385-.1C8.035 4 8.158 4 8.284 4h1.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.1A5 5 0 0 1 9.716 8H8.284c-.126 0-.249 0-.353-.008a1 1 0 0 1-.385-.101a1 1 0 0 1-.437-.437a1 1 0 0 1-.1-.385C7 6.965 7 6.842 7 6.716m1.006.278h.006C8.071 7 8.152 7 8.3 7h1.4a4 4 0 0 0 .294-.006v-.006C10 6.929 10 6.848 10 6.7V5.3a4 4 0 0 0-.006-.294h-.006A4 4 0 0 0 9.7 5H8.3a4 4 0 0 0-.294.006v.006C8 5.071 8 5.152 8 5.3v1.4a4 4 0 0 0 .006.294M13 18.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-.009h1.432c.126 0 .249 0 .353.009c.114.009.25.03.385.1a1 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-.385C13 18.965 13 18.842 13 18.716m1.006.278h.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 15.7 17h-1.4a4 4 0 0 0-.294.006v.006A4 4 0 0 0 14 17.3v1.4a4 4 0 0 0 .006.294M13 12.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-.009h1.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-.385C13 12.965 13 12.842 13 12.716m1.006.278h.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 15.7 11h-1.4a4 4 0 0 0-.294.006v.006A4 4 0 0 0 14 11.3v1.4a4 4 0 0 0 .006.294M13 6.716V5.284c0-.126 0-.249.008-.353c.01-.114.032-.25.101-.385a1 1 0 0 1 .437-.437a1 1 0 0 1 .385-.1C14.035 4 14.158 4 14.284 4h1.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.1a5 5 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-.385C13 6.965 13 6.842 13 6.716m1.006.278h.006c.059.006.14.006.288.006h1.4a4 4 0 0 0 .294-.006v-.006C16 6.929 16 6.848 16 6.7V5.3a4 4 0 0 0-.006-.294h-.006A4 4 0 0 0 15.7 5h-1.4c-.148 0-.23 0-.288.005h-.006v.007A4 4 0 0 0 14 5.3v1.4a4 4 0 0 0 .006.294" clip-rule="evenodd"/></svg>Как использовать иконку Drag Squares Vertical Light
React
import { Icon } from "@iconify/react";
<Icon icon="stash:drag-squares-vertical-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:drag-squares-vertical-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:drag-squares-vertical-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--drag-squares-vertical-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:drag-squares-vertical-light"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:drag-squares-vertical-light"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/stash/drag-squares-vertical-light.svg" alt="Иконка Drag Squares Vertical Light" width="24" height="24">Похожие иконки в наборе Stash Icons
Вопросы и ответы: Иконка Drag Squares Vertical Light
Можно ли бесплатно использовать иконку Drag Squares Vertical Light в коммерческих проектах?
Да. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Drag Squares Vertical Light в React?
Установите @iconify/react и выведите <Icon icon="stash:drag-squares-vertical-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Drag Squares Vertical Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/stash/drag-squares-vertical-light.svg" alt="Иконка Drag Squares Vertical Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.