import React from 'react';

const NotificationSilent = ({ 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="M19.1867 13.7043L18.7395 9.76425C18.4983 7.6397 16.9123 5.89625 14.7699 5.16272V5.05901C14.7699 3.80535 13.7536 2.78906 12.4999 2.78906C11.2463 2.78906 10.23 3.80535 10.23 5.05901V5.16272C9.91157 5.27175 9.60544 5.40308 9.31418 5.55466L20.4976 16.7381C20.4784 16.37 20.3379 15.9969 20.0522 15.6612C19.5665 15.0907 19.2672 14.4139 19.1867 13.7043ZM6.72275 18.7891H17.4879L21.0183 22.3194C21.3111 22.6123 21.786 22.6123 22.0789 22.3194C22.3718 22.0265 22.3718 21.5516 22.0789 21.2587L4.07891 3.25873C3.78602 2.96584 3.31115 2.96584 3.01825 3.25873C2.72536 3.55163 2.72536 4.0265 3.01825 4.31939L6.76865 8.06978C6.50383 8.59478 6.32849 9.16432 6.2604 9.76425L5.81322 13.7043C5.73268 14.4139 5.43338 15.0907 4.94772 15.6612C3.8507 16.9499 4.89437 18.7891 6.72275 18.7891ZM15.4721 20.8606C15.0147 21.9883 13.8565 22.7891 12.5 22.7891C11.1435 22.7891 9.98526 21.9883 9.52789 20.8606C9.50883 20.8135 9.5 20.7631 9.5 20.7123C9.5 20.4786 9.68951 20.2891 9.92329 20.2891H15.0767C15.3105 20.2891 15.5 20.4786 15.5 20.7123C15.5 20.7631 15.4912 20.8135 15.4721 20.8606Z"
      fill={fill}
    />
  </svg>
);

export default NotificationSilent;
