اعلان · آیکون bell

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

<IconBell />
<IconBell size={24} title="اعلان" />

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

<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="bell"><path d="M10 2.9c-2.9 0-5 2.2-5 5v1.9c0 .9-.3 1.75-.85 2.45l-.5.65c-.7.9-.05 2.2 1.1 2.2h10.5c1.15 0 1.8-1.3 1.1-2.2l-.5-.65c-.55-.7-.85-1.55-.85-2.45V7.9c0-2.8-2.1-5-5-5ZM8.2 17.3c.45.5 1.1.8 1.8.8s1.35-.3 1.8-.8"/></svg>

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

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

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

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

Icon / اعلان و اطلاع‌رسانی / bell