ICONYZ
Русский
Иконка Grid Vertical из набора andrsrxn/icons

Иконка Grid Vertical

andrsrxn:grid-vertical

Иконка Grid Vertical (andrsrxn:grid-vertical) — бесплатная SVG-иконка из набора andrsrxn/icons от Andrés Raxón. Она нарисована на сетке 24 × 24. andrsrxn/icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
andrsrxn/icons
Автор
Andrés Raxón
Лицензия
MIT
Размер
24 × 24
Категория
Макет
Теги
gridvertical
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M21.4 16.78c0 1.5 0 2.26-.27 2.85a3 3 0 0 1-1.5 1.5c-.59.27-1.34.27-2.85.27s-2.27 0-2.86-.27a3 3 0 0 1-1.5-1.5c-.26-.59-.26-1.34-.26-2.85V7.54c0-1.51 0-2.27.26-2.86a3 3 0 0 1 1.5-1.5c.6-.26 1.35-.26 2.86-.26s2.26 0 2.85.26a3 3 0 0 1 1.5 1.5c.27.6.27 1.35.27 2.86z" opacity=".2"/><rect width="9.24" height="18.48" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" rx="3" transform="matrix(1 0 0 -1 12.16 21.4)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.16 12.16h-9M5.7 4.07v16.1m3.08-1.87l-.26.26c-1.33 1.34-2 2-2.83 2c-.82 0-1.5-.66-2.83-2l-.26-.26"/></g></svg>

Как использовать иконку Grid Vertical

React

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

<Icon icon="andrsrxn:grid-vertical" width="24" />

Vue

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

<template>
  <Icon icon="andrsrxn:grid-vertical" width="24" />
</template>

Svelte

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

<Icon icon="andrsrxn:grid-vertical" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--grid-vertical]"></span>

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="andrsrxn:grid-vertical"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/andrsrxn/grid-vertical.svg" alt="Иконка Grid Vertical" width="24" height="24">

Похожие иконки в наборе andrsrxn/icons

Иконка grid-four
grid-four
 Иконка grid-horizontal
grid-horizontal
 Иконка grid-minus
grid-minus
 Иконка grid-nine
grid-nine
 Иконка grid-plus
grid-plus
 Иконка grid-random
grid-random
 Иконка grid-six
grid-six

Иконка Grid Vertical в других наборах

Иконка Grid Vertical из набора BoxIcons v2
BoxIcons v2
 Иконка Grid Vertical из набора Font Awesome Solid
Font Awesome Solid
 Иконка Grid Vertical из набора Rivet Icons
Rivet Icons

Вопросы и ответы: Иконка Grid Vertical

Можно ли бесплатно использовать иконку Grid Vertical в коммерческих проектах?

Да. andrsrxn/icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Grid Vertical в React?

Установите @iconify/react и выведите <Icon icon="andrsrxn:grid-vertical" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Grid Vertical на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/andrsrxn/grid-vertical.svg" alt="Иконка Grid Vertical">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все andrsrxn/icons →