خط‌کش · آیکون ruler

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

<IconRuler />
<IconRuler size={24} title="خط‌کش" />

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

<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="ruler"><path d="M4.5 6.5H15.5C17.3 6.5 17.75 6.95 17.75 8.75V11.25C17.75 13.05 17.3 13.5 15.5 13.5H4.5C2.7 13.5 2.25 13.05 2.25 11.25V8.75C2.25 6.95 2.7 6.5 4.5 6.5Z"/><path d="M5.5 6.6V9M8.5 6.6V10M11.5 6.6V9M14.5 6.6V10"/></svg>

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

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

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

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

Icon / طراحی / ruler