منوی کشویی · آیکون menu-dropdown

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

<IconMenuDropdown />
<IconMenuDropdown size={24} title="منوی کشویی" />

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

<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="menu-dropdown"><path d="M4 2.75H16C17.2 2.75 17.5 3.05 17.5 4.25V5.75C17.5 6.95 17.2 7.25 16 7.25H4C2.8 7.25 2.5 6.95 2.5 5.75V4.25C2.5 3.05 2.8 2.75 4 2.75Z"/><path d="M4.5 9H15.5C17.1 9 17.5 9.4 17.5 11V15.25C17.5 16.85 17.1 17.25 15.5 17.25H4.5C2.9 17.25 2.5 16.85 2.5 15.25V11C2.5 9.4 2.9 9 4.5 9Z"/><path d="m13 4.25 1 1 1-1M5 11.75h6M5 14.5h4"/></svg>

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

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

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

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

Icon / اجزای رابط / menu-dropdown