اعلان فعال · آیکون bell-ring

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

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

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

<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-ring"><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"/><path d="M2.75 6.25c.4-1.55 1.3-2.85 2.5-3.75M17.25 6.25c-.4-1.55-1.3-2.85-2.5-3.75"/></svg>

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

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

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

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

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