گیلاس · آیکون cherry

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

<IconCherry />
<IconCherry size={24} title="گیلاس" />

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

<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="cherry"><circle cx="6" cy="14" r="2.75"/><circle cx="13.5" cy="13.25" r="2.75"/><path d="M12 2.75c1.5-.25 3 .25 3.75 1.5-1.5.6-2.75.15-3.75-1.5Z"/><path d="M6 11.25c.5-3.75 2.5-6.5 6-8.5M13.5 10.5c-.25-3-1-5.5-1.5-7.75"/></svg>

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

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

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

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

Icon / خوراکی / cherry