راهنمای سایز · آیکون size-guide

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

<IconSizeGuide />
<IconSizeGuide size={24} title="راهنمای سایز" />

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

<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="size-guide"><path d="M3.75 11H16.25C17.45 11 17.75 11.3 17.75 12.5V15C17.75 16.2 17.45 16.5 16.25 16.5H3.75C2.55 16.5 2.25 16.2 2.25 15V12.5C2.25 11.3 2.55 11 3.75 11Z"/><path d="M5 11v2M7.5 11v1.25M10 11v2M12.5 11v1.25M15 11v2M7.25 3.25 4.5 4.5 4 7.25l1.5.25V9h9V7.5l1.5-.25-.5-2.75-2.75-1.25c-.3.75-1.15 1.25-2.75 1.25s-2.45-.5-2.75-1.25"/></svg>

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

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

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

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

Icon / خرید / size-guide