زبانه‌ها · آیکون tabs-ui

import { IconTabsUi } from "@kashi-ui/icons/react";

<IconTabsUi />
<IconTabsUi size={24} title="زبانه‌ها" />

// یا با نام
import { Icon } from "@kashi-ui/icons/react";
<Icon name="tabs-ui" />

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-kashi-icon="tabs-ui"><path d="M2.75 7.25v7c0 1.65 1.1 2.75 2.75 2.75h9c1.65 0 2.75-1.1 2.75-2.75v-5c0-1.1-.9-2-2-2h-5.5V5.5c0-1.6-1.1-2.75-2.75-2.75H5.5c-1.65 0-2.75 1.1-2.75 2.75Z"/><path d="M9.75 7.25H2.9"/></svg>

<svg width="20" height="20" aria-hidden="true">
  <use href="/sprite.svg#k-tabs-ui" />
</svg>

<!-- فایل جدا: @kashi-ui/icons/svg/tabs-ui.svg -->

import { iconSvg } from "@kashi-ui/icons";

el.innerHTML = iconSvg("tabs-ui", { size: 24 });

Icon / اجزای رابط / tabs-ui