content: import React from 'react';
  import PropTypes from 'prop-types';
  
  const WifiIcon = ({ quality }) => (
    <svg xmlns="http://www.w3.org/2000/svg" height="50px" viewBox="0 0 466 466.47546" width="50px">
      <path fill="#d6f6e9" d="m115.449219 351.132812c4.042969 4.003907 9.910156 5.554688 15.40625 4.078126l-19.488281-19.488282c-1.476563 5.496094.078124 11.363282 4.082031 15.410156zm0 0" />
      <path fill={quality >= 30 ? '#d6f6e9' : '#5d6661'} d="m64.59375 359.949219c.09375.796875.214844 1.597656.351562 2.398437.136719.800782.296876 1.777344.488282 2.648438.222656 1.007812.503906 2 .796875 2.992187.195312.671875.378906 1.34375.601562 2 .390625 1.167969.855469 2.304688 1.335938 3.429688.214843.496093.398437.992187.625 1.480469.574219 1.234374 1.230469 2.402343 1.917969 3.625.210937.367187.394531.753906.617187 1.121093.800781 1.269531 1.640625 2.496094 2.542969 3.695313.191406.253906.351562.527344.546875.800781 1.125 1.445313 2.335937 2.828125 3.621093 4.136719 3.359376 3.410156 7.214844 6.285156 11.441407 8.535156 7.023437 3.761719 14.871093 5.730469 22.839843 5.734375.457032 0 .921876-.070313 1.382813-.085937.640625 0 1.273437 0 1.914063-.066407.109374 0 .199218-.070312.304687-.078125.917969-.074218 1.832031-.066406 2.75-.183594 4.382813-.59375 7.453125-4.625 6.859375-9.003906-.589844-4.382812-4.621094-7.453125-9.003906-6.863281-.65625.097656-1.320313.113281-1.984375.160156-4.621094.300781-9.253907-.375-13.597657-1.972656l-.183593-.074219c-2.042969-.769531-3.996094-1.75-5.832031-2.925781-.152344-.097656-.296876-.21875-.449219-.3125-1.808594-1.1875-3.488281-2.558594-5.015625-4.089844l-.097656-.121093c-1.644532-1.699219-3.09375-3.578126-4.320313-5.597657-.398437-.664062-.65625-1.390625-1.007813-2.082031-.765624-1.390625-1.425781-2.839844-1.984374-4.328125-.34375-1.015625-.503907-2.070313-.75-3.117187-.324219-1.222657-.574219-2.460938-.753907-3.714844-.101562-1.261719-.128906-2.53125-.085937-3.796875-.0625-1.503907-.019532-3.007813.136718-4.503907.453126-2.84375-.652343-5.714843-2.898437-7.511718-2.246094-1.800782-5.289063-2.253906-7.964844-1.1875-2.671875 1.0625-4.570312 3.484375-4.960937 6.335937-.144532.9375-.167969 1.882813-.257813 2.824219 0 .066406-.046875.121094-.054687.183594v.648437c-.089844 1.273438-.128906 2.539063-.121094 3.800781 0 .59375 0 1.183594.054688 1.777344.019531 1.09375.097656 2.191406.195312 3.289063zm0 0" />
      <path fill={quality >= 60 ? '#d6f6e9' : '#5d6661'} d="m112.207031 434.484375c1.914063 0 3.839844-.074219 5.761719-.21875 2.910156-.121094 5.527344-1.816406 6.824219-4.425781 1.300781-2.609375 1.078125-5.71875-.582031-8.117188-1.65625-2.394531-4.488282-3.703125-7.386719-3.40625-18.675781 1.375-37.011719-5.515625-50.160157-18.84375-13.148437-13.332031-19.789062-31.757812-18.160156-50.414062.1875-2.117188-.476562-4.21875-1.84375-5.847656-1.367187-1.625-3.328125-2.640626-5.445312-2.824219-2.121094-.214844-4.238282.4375-5.867188 1.808593-1.632812 1.375-2.632812 3.351563-2.78125 5.480469-1.941406 22.3125 5.574219 44.417969 20.71875 60.921875 15.144532 16.5 36.523438 25.886719 58.921875 25.863282zm0 0" />
      <path fill={quality >= 90 ? '#d6f6e9' : '#5d6661'} d="m119.089844 450.21875c-2.53125.183594-5.105469.265625-7.554688.257812-26.765625-.148437-52.25-11.484374-70.285156-31.261718-18.035156-19.78125-26.976562-46.199219-24.65625-72.867188.371094-4.398437-2.890625-8.269531-7.289062-8.648437-2.121094-.222657-4.242188.429687-5.875 1.804687-1.632813 1.375-2.632813 3.355469-2.773438 5.484375-2.699219 31.109375 7.730469 61.929688 28.769531 85.003907 21.039063 23.074218 50.765625 36.304687 81.992188 36.484374h.886719c2.640624 0 5.304687-.105468 8-.304687 2.898437-.148437 5.488281-1.855469 6.765624-4.460937 1.28125-2.601563 1.050782-5.695313-.597656-8.082032-1.652344-2.382812-4.464844-3.691406-7.351562-3.410156zm0 0"/>
      <path fill="#d6f6e9" d="m454.863281 11.714844c-15.621093-15.621094-40.945312-15.621094-56.566406 0l-16.96875 16.96875 56.566406 56.566406 16.96875-16.964844c15.621094-15.621094 15.621094-40.949218 0-56.570312zm0 0" />
      <path fill={quality === 0 ? '#5d6661': '#d6f6e9'} d="m341.734375 116.851562c-2.121094 0-4.160156.839844-5.664063 2.34375l-124.445312 124.449219c-3.117188 3.121094-3.117188 8.179688 0 11.304688 3.15625 3.035156 8.152344 3.035156 11.3125 0l124.453125-124.441407c2.289063-2.289062 2.972656-5.730468 1.734375-8.71875-1.238281-2.988281-4.152344-4.9375-7.390625-4.9375zm0 0" />
      <path fill="#d6f6e9" d="m358.695312 254.957031-45.253906-45.25 113.144532-113.144531-56.570313-56.566406-113.144531 113.144531-45.246094-45.257813 50.910156-50.910156-33.941406-33.945312-113.144531 113.136718 33.941406 33.945313 50.914063-50.914063 45.246093 45.257813-84.839843 84.847656 22.625 22.628907-34.558594 34.5625c-13.359375-8.816407-30.6875-8.835938-44.066406-.046876l55.425781 55.421876c8.785156-13.378907 8.765625-30.703126-.046875-44.0625l34.558594-34.5625 22.632812 22.625 84.847656-84.847657 45.253906 45.246094-50.910156 50.921875 33.945313 33.953125 113.132812-113.152344-33.941406-33.945312zm-141.414062 18.34375c-9.707031-.003906-18.457031-5.851562-22.167969-14.816406-3.714843-8.96875-1.664062-19.289063 5.199219-26.152344l124.449219-124.457031c9.371093-9.375 24.570312-9.375 33.945312-.003906 9.375 9.375 9.378907 24.574218.003907 33.949218l-124.460938 124.445313c-4.492188 4.519531-10.601562 7.050781-16.96875 7.035156zm0 0" />
    </svg>
  );
  
  WifiIcon.propTypes = {
    quality: PropTypes.number.isRequired
  };
  
  export default WifiIcon;
  