زمین فوتبال · آیکون soccer-field

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

<IconSoccerField />
<IconSoccerField size={24} title="زمین فوتبال" />

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

<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="soccer-field"><path d="M4.5 4H15.5C17.5 4 18 4.5 18 6.5V13.5C18 15.5 17.5 16 15.5 16H4.5C2.5 16 2 15.5 2 13.5V6.5C2 4.5 2.5 4 4.5 4Z"/><path d="M10 4.1v11.8M7.75 10a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 1 0-4.5 0M2.1 7.75h2.15v4.5H2.1M17.9 7.75h-2.15v4.5h2.15"/></svg>

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

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

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

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

Icon / ورزش و سرگرمی / soccer-field