پنجرهٔ گفتگو · آیکون modal

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

<IconModal />
<IconModal size={24} title="پنجرهٔ گفتگو" />

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

<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="modal"><path d="M5.5 2.75H14.5C17.3 2.75 18 3.45 18 6.25V13.75C18 16.55 17.3 17.25 14.5 17.25H5.5C2.7 17.25 2 16.55 2 13.75V6.25C2 3.45 2.7 2.75 5.5 2.75Z"/><path d="M5.5 6.25h9c.7 0 1.25.55 1.25 1.25v5c0 .7-.55 1.25-1.25 1.25h-9c-.7 0-1.25-.55-1.25-1.25v-5c0-.7.55-1.25 1.25-1.25"/></svg>

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

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

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

el.innerHTML = iconSvg("modal", { size: 24 });

Icon / اجزای رابط / modal