text: import React from 'react';
  
  const Bell = ({fill="#fff", width="40px"}) => {
      return (
  <svg 
  	 viewBox="0 0 108 144" width={width}>
  {/* <style type="text/css">
  	.st0{fill:#CB3727;}
  	.st1{fill:#C3BDB7;}
  	.st2{fill:#05577D;}
  	.st3{fill:#FFFFFF;}
  	.st4{fill:none;stroke:#05577D;stroke-width:1.938;stroke-miterlimit:10;}
  </style> */}
  <g>
  	<g>
  		<path fill={fill} class="st1" d="M98.3,98L98.3,98c-0.6-1.7-17.9-3-39.3-3h0c-21.3,0-38.7,1.3-39.3,3v0c0,0,0,0.1,0,0.1v0c0,0,0,0,0,0
  			c0.1,1.4,11.3,2.5,26.9,2.9l7,0.1v31.2c0,1.5,1.2,2.8,2.8,2.8h5.8c1.5,0,2.8-1.2,2.8-2.8v-31.2c18.8-0.2,33.2-1.5,33.3-3
  			C98.3,98.1,98.3,98.1,98.3,98L98.3,98C98.3,98.1,98.3,98.1,98.3,98"/>
  		<path fill={fill} class="st1" d="M79.9,40.1c-0.3-1.9-0.6-3.4-1.1-4.6c-1.8-4-8.5-5.2-13.5-5.5c0.1-0.1,0.1-0.2,0.1-0.4c0-0.7-0.9-1.4-2.3-1.8
  			V15.5c0-1.1-0.9-2-2-2h-3.3c-1.1,0-2,0.9-2,2v12c-1.9,0.4-3.1,1.2-3.1,2c0,0.1,0,0.3,0.1,0.4c-5.1,0.4-11.5,1.6-13.3,5.5
  			c-0.5,1.1-0.8,2.6-1.1,4.4c6.3-1.3,13.3-1.9,20.5-1.9C66.1,38,73.4,38.7,79.9,40.1"/>
  		<path fill={fill} class="st1" d="M83.7,69.7c-2.5-6.6-2.6-17.4-3.3-25.5c-6.6-1.5-14.1-2.3-21.7-2.3c-7.3,0-14.6,0.7-21,2.1
  			c-0.7,8.1-0.8,19.1-3.3,25.7C42,69.3,50.4,69,59,69C67.7,69,76.1,69.3,83.7,69.7"/>
  		<path fill={fill} class="st1" d="M59,91.4L59,91.4c21.4,0,38.7,1.3,39.3,3c-0.4-3.1-7-12.8-12.3-20.6C77.8,73.3,68.6,73,59,73
  			c-9.6,0-18.8,0.3-27,0.9c-5.3,7.8-11.9,17.5-12.3,20.6C20.3,92.8,37.7,91.4,59,91.4"/>
  	</g>
  	<path fill={fill} class="st1" d="M52.8,24.9c1.1,0,2-0.9,2-2v-5.5c0-1.1-0.9-2-2-2c-1.1,0-2,0.9-2,2v5.5C50.8,24,51.7,24.9,52.8,24.9"/>
  	<path fill={fill} class="st1" d="M65.9,24.9c1.1,0,2-0.9,2-2v-5.5c0-1.1-0.9-2-2-2c-1.1,0-2,0.9-2,2v5.5C63.9,24,64.8,24.9,65.9,24.9"/>
  </g>
  </svg>
  
      );
  }
  
  export default Bell;
  