فاصله · آیکون distance

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

<IconDistance />
<IconDistance size={24} title="فاصله" />

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

<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="distance"><path d="M4.75 14.25c-.75 0-2-1.4-2-2.75a2 2 0 0 1 4 0c0 1.35-1.25 2.75-2 2.75ZM15.25 8.5c-.75 0-2-1.4-2-2.75a2 2 0 0 1 4 0c0 1.35-1.25 2.75-2 2.75Z"/><path d="M5 16.5h2.5M9.5 16.5H11c1.5 0 2.75-1.25 2.75-2.75 0-1 .5-2 1.5-3"/></svg>

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

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

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

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

Icon / نقشه و مکان / distance