چرتکه · آیکون abacus

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

<IconAbacus />
<IconAbacus size={24} title="چرتکه" />

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

<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="abacus"><path d="M5.75 2.75H14.25C16.65 2.75 17.25 3.35 17.25 5.75V14.25C17.25 16.65 16.65 17.25 14.25 17.25H5.75C3.35 17.25 2.75 16.65 2.75 14.25V5.75C2.75 3.35 3.35 2.75 5.75 2.75Z"/><path d="M2.9 7h14.2M2.9 13h14.2"/><path d="M6 7v.01M8.25 7v.01M13 7v.01M6 13v.01M11 13v.01M13.25 13v.01" stroke-width="2.5"/></svg>

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

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

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

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

Icon / آموزش / abacus