import React from 'react';
import { IconTheme } from '../../IconsCommonTypes';

function Muted(theme: IconTheme | undefined = undefined) {
  return (
    <svg
      width={theme && theme.width ? theme.width : '44'}
      height={theme && theme.height ? theme.height : '44'}
      viewBox="0 0 44 44"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M7.95658 5.38086L5.37158 7.96586L13.3649 15.9592L12.8332 16.5092H5.49992V27.5092H12.8332L21.9999 36.6759V24.5942L29.6632 32.2575C28.4716 33.1559 27.1332 33.8709 25.6666 34.2925V38.0692C28.1233 37.5192 30.3783 36.3825 32.2849 34.8609L36.0433 38.6192L38.6283 36.0342L7.95658 5.38086ZM18.3332 27.8209L14.3549 23.8425H9.16658V20.1759H14.3549L15.9682 18.5625L18.3332 20.9275V27.8209ZM34.8333 22.0092C34.8333 23.5125 34.5583 24.9609 34.0816 26.2992L36.8866 29.1042C37.9133 26.9592 38.4999 24.5575 38.4999 22.0092C38.4999 14.1625 33.0183 7.59919 25.6666 5.93086V9.70753C30.9649 11.2842 34.8333 16.1975 34.8333 22.0092ZM21.9999 7.34253L18.5532 10.7892L21.9999 14.2359V7.34253ZM30.2499 22.0092C30.2499 18.7642 28.3799 15.9775 25.6666 14.6209V17.9025L30.2132 22.4492C30.2316 22.3025 30.2499 22.1559 30.2499 22.0092Z"
        id="Muted"
        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
      />
    </svg>
  );
}

export default Muted;
