import React from 'react';
import Icon, { IconProps } from '../common/Icon';

const Notifications: React.FC<IconProps> = ({ size, className }) => (
  <Icon size={size} className={className}>
    <path d="M52.52,47.6l-.39-.77c-.55-1.1-1.07-2.07-1.53-3-2.37-4.49-3.44-6.53-3.44-12.44v-.77A14.69,14.69,0,0,0,34,16.08V12a1.5,1.5,0,1,0-3,0v4.06A14.69,14.69,0,0,0,17.84,30.66v.77c0,5.91-1.08,8-3.44,12.44-.46.89-1,1.86-1.53,3l-.39.77a1.49,1.49,0,0,0,1.34,2.17H26.49a6.19,6.19,0,0,0,12,0H51.18a1.49,1.49,0,0,0,1.34-2.17Zm-20,3.88a3.21,3.21,0,0,1-2.83-1.71h5.66A3.21,3.21,0,0,1,32.5,51.48Zm4.7-4.71H16.27l.79-1.51c2.44-4.63,3.78-7.18,3.78-13.83v-.77A11.67,11.67,0,0,1,31,19.11v3.47a1.5,1.5,0,0,0,3,0V19.11A11.67,11.67,0,0,1,44.16,30.66v.77c0,6.65,1.34,9.2,3.78,13.83l.79,1.51Z" />
  </Icon>
);

export default Notifications;
