حذف اعلان · آیکون bell-x

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

<IconBellX />
<IconBellX size={24} title="حذف اعلان" />

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

<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-x"><defs><mask id="k92188-c" maskUnits="userSpaceOnUse" x="-2" y="-2" width="24" height="24"><rect x="-2" y="-2" width="24" height="24" fill="#fff"/><circle cx="15" cy="15" r="4.6" fill="#000" stroke="none"/></mask></defs><g mask="url(#k92188-c)"><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"/></g><path d="m13.1 13.1 3.8 3.8M16.9 13.1l-3.8 3.8"/></svg>

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

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

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

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

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