import React from 'react';

const NotificationRinging = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M7.9617 2.78919C8.34629 2.63536 8.78277 2.82242 8.9366 3.20701C9.09044 3.5916 8.90338 4.02807 8.51879 4.18191L8.35156 4.2488C7.04571 4.77114 6.00405 5.79559 5.46002 7.09256L5.38322 7.27566C5.223 7.65763 4.78347 7.83739 4.4015 7.67717C4.01952 7.51695 3.83976 7.07742 3.99998 6.69545L4.07678 6.51235C4.77624 4.84482 6.11553 3.52766 7.79448 2.85608L7.9617 2.78919ZM17.0382 2.83338C16.6536 2.67955 16.2172 2.86661 16.0633 3.2512C15.9095 3.63579 16.0966 4.07226 16.4811 4.2261L16.6484 4.29299C17.9542 4.81533 18.9959 5.83978 19.5399 7.13675L19.6167 7.31985C19.7769 7.70182 20.2165 7.88158 20.5984 7.72136C20.9804 7.56114 21.1602 7.12161 21 6.73963L20.9232 6.55654C20.2237 4.88901 18.8844 3.57185 17.2055 2.90027L17.0382 2.83338ZM18.2772 18.7893C20.1055 18.7893 21.1492 16.9502 20.0522 15.6614C19.5665 15.0909 19.2672 14.4142 19.1867 13.7046L18.7395 9.76449C18.4984 7.63994 16.9123 5.8965 14.7699 5.16297V5.05925C14.7699 3.8056 13.7536 2.78931 12.5 2.78931C11.2463 2.78931 10.23 3.8056 10.23 5.05925V5.16297C8.08762 5.8965 6.50156 7.63994 6.26043 9.76449L5.81324 13.7046C5.7327 14.4142 5.43341 15.0909 4.94775 15.6614C3.85072 16.9502 4.8944 18.7893 6.72278 18.7893H18.2772ZM15.4721 20.8608C15.0147 21.9885 13.8565 22.7893 12.5 22.7893C11.1434 22.7893 9.98525 21.9885 9.52787 20.8608C9.5088 20.8138 9.49997 20.7633 9.49997 20.7126C9.49997 20.4787 9.68957 20.2891 9.92346 20.2891H15.0765C15.3104 20.2891 15.5 20.4787 15.5 20.7126C15.5 20.7633 15.4911 20.8138 15.4721 20.8608Z"
      fill={fill}
    />
  </svg>
);

export default NotificationRinging;
