// app/components/NotificationIcon.jsx
 import React from 'react';

const NotificationIcon = () => (
    <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M4.39844 19.9597V17.9597H6.39844V10.9597C6.39844 9.57638 6.8151 8.34722 7.64844 7.27222C8.48177 6.19722 9.5651 5.49305 10.8984 5.15972V4.45972C10.8984 4.04305 11.0443 3.68888 11.3359 3.39722C11.6276 3.10555 11.9818 2.95972 12.3984 2.95972C12.8151 2.95972 13.1693 3.10555 13.4609 3.39722C13.7526 3.68888 13.8984 4.04305 13.8984 4.45972V5.15972C15.2318 5.49305 16.3151 6.19722 17.1484 7.27222C17.9818 8.34722 18.3984 9.57638 18.3984 10.9597V17.9597H20.3984V19.9597H4.39844ZM12.3984 22.9597C11.8484 22.9597 11.3776 22.7639 10.9859 22.3722C10.5943 21.9806 10.3984 21.5097 10.3984 20.9597H14.3984C14.3984 21.5097 14.2026 21.9806 13.8109 22.3722C13.4193 22.7639 12.9484 22.9597 12.3984 22.9597ZM8.39844 17.9597H16.3984V10.9597C16.3984 9.85972 16.0068 8.91805 15.2234 8.13472C14.4401 7.35138 13.4984 6.95972 12.3984 6.95972C11.2984 6.95972 10.3568 7.35138 9.57344 8.13472C8.7901 8.91805 8.39844 9.85972 8.39844 10.9597V17.9597Z" 
        fill="var(--icon-color)"/>
    </svg>
);
 
 export default NotificationIcon;