pankod/refine

import React from "react";

export const NotificationIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    width={20}
    height={20}
    viewBox="0 0 20 20"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M12.2492 3.5927C12.4099 3.26259 12.5 2.89182 12.5 2.5C12.5 1.11929 11.3807 0 10 0C8.61929 0 7.5 1.11929 7.5 2.5C7.5 2.89182 7.59014 3.26259 7.75081 3.5927C5.76373 4.46051 4.375 6.44308 4.375 8.75V10.5492C4.375 11.2323 4.10362 11.8875 3.62056 12.3706L3.07138 12.9197C2.70553 13.2856 2.5 13.7818 2.5 14.2992C2.5 15.3766 3.37341 16.25 4.45083 16.25H15.5492C16.6266 16.25 17.5 15.3766 17.5 14.2992C17.5 13.7818 17.2945 13.2856 16.9286 12.9197L16.3794 12.3706C15.8964 11.8875 15.625 11.2323 15.625 10.5492V8.75C15.625 6.44308 14.2363 4.46051 12.2492 3.5927ZM11.0234 3.21788C11.1662 3.01473 11.25 2.76715 11.25 2.5C11.25 1.80964 10.6904 1.25 10 1.25C9.30964 1.25 8.75 1.80964 8.75 2.5C8.75 2.76715 8.83381 3.01473 8.97657 3.21788C9.30843 3.15688 9.6505 3.125 10 3.125C10.3495 3.125 10.6916 3.15688 11.0234 3.21788ZM10 4.375C7.58375 4.375 5.625 6.33375 5.625 8.75V10.5492C5.625 11.5638 5.22192 12.537 4.50444 13.2544L3.95527 13.8036C3.82384 13.935 3.75 14.1133 3.75 14.2992C3.75 14.6862 4.06377 15 4.45083 15H15.5492C15.9362 15 16.25 14.6862 16.25 14.2992C16.25 14.1133 16.1762 13.935 16.0447 13.8036L15.4956 13.2544C14.7781 12.537 14.375 11.5638 14.375 10.5492V8.75C14.375 6.33375 12.4162 4.375 10 4.375Z"
      fill="currentColor"
    />
    <path
      d="M6.46333 17.5C6.97812 18.9565 8.36717 20 9.99994 20C11.6327 20 13.0218 18.9565 13.5366 17.5H12.1655C11.7332 18.2473 10.9253 18.75 9.99994 18.75C9.07459 18.75 8.26666 18.2473 7.8344 17.5H6.46333Z"
      fill="currentColor"
    />
  </svg>
);