ICONYZ
Русский
Иконка Table Cells Split из набора andrsrxn/icons

Иконка Table Cells Split

andrsrxn:table-cells-split

Иконка Table Cells Split (andrsrxn:table-cells-split) — бесплатная 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
Категория
Редактор, Макет
Теги
tablecells, cellssplit, tablecellssplit, cell
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><rect width="6.14" height="18.48" x="21.24" y="3" fill="currentColor" opacity=".2" rx="1.5" transform="rotate(90 21.24 3)"/><rect width="6.14" height="18.48" x="21.24" y="15.1" fill="currentColor" opacity=".2" rx="1.5" transform="rotate(90 21.24 15.1)"/><rect width="18.48" height="18.48" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" rx="3" transform="rotate(90 0 21.24)scale(-1 1)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 9.14H3m18 5.96H3m9-5.96v5.96"/></g></svg>

Как использовать иконку Table Cells Split

React

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

<Icon icon="andrsrxn:table-cells-split" width="24" />

Vue

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

<template>
  <Icon icon="andrsrxn:table-cells-split" width="24" />
</template>

Svelte

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

<Icon icon="andrsrxn:table-cells-split" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--table-cells-split]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:table-cells-split"></div>

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

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

<iconify-icon icon="andrsrxn:table-cells-split"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/andrsrxn/table-cells-split.svg" alt="Иконка Table Cells Split" width="24" height="24">

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

Иконка table
table
 Иконка table-cells-merge
table-cells-merge
 Иконка table-columns
table-columns
 Иконка table-columns-compact
table-columns-compact
 Иконка table-columns-measure
table-columns-measure
 Иконка table-columns-plus
table-columns-plus
 Иконка table-columns-wide
table-columns-wide
 Иконка table-footer
table-footer
 Иконка table-header
table-header
 Иконка table-rows
table-rows
 Иконка table-rows-compact
table-rows-compact
 Иконка table-rows-measure
table-rows-measure
 Иконка table-rows-plus
table-rows-plus
 Иконка table-rows-wide
table-rows-wide
 Иконка tablets
tablets

Иконка Table Cells Split в других наборах

Иконка Table Cells Split из набора Lucide
Lucide
 Иконка Table Cells Split из набора Huge Icons
Huge Icons
 Иконка Table Cells Split из набора Keyline Icons
Keyline Icons
 Иконка Table Cells Split из набора Meteor Icons
Meteor Icons

Вопросы и ответы: Иконка Table Cells Split

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

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

Как использовать иконку Table Cells Split в React?

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

Как добавить иконку Table Cells Split на веб-страницу?

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

Все andrsrxn/icons →