اعلان تازه · آیکون bell-dot

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

<IconBellDot />
<IconBellDot size={24} title="اعلان تازه" />

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

<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-dot"><defs><mask id="k26831-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="4.5" r="3.25" fill="#000" stroke="none"/></mask></defs><g mask="url(#k26831-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><circle cx="15" cy="4.5" r="2"/></svg>

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

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

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

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

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