const WhatsappColorIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="33"
      height="32"
      viewBox="0 0 33 32"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        d="M3.75684 28.8693L5.55284 22.3126C4.44484 20.394 3.86217 18.2167 3.86284 15.9867C3.86617 9.00998 9.5435 3.33398 16.5208 3.33398C19.9068 3.33532 23.0842 4.65332 25.4742 7.04465C27.8635 9.43665 29.1795 12.6153 29.1782 15.9966C29.1755 22.9733 23.4968 28.65 16.5208 28.65H16.5155C14.3975 28.6493 12.3155 28.118 10.4668 27.1093L3.75684 28.8693Z"
        fill="white"
      />
      <path
        d="M3.76175 29.204C3.67375 29.204 3.58842 29.1693 3.52509 29.1053C3.44175 29.0206 3.40909 28.8973 3.44042 28.7833L5.19975 22.3593C4.10909 20.422 3.53375 18.222 3.53509 15.9886C3.53775 8.82729 9.36509 3.00195 16.5258 3.00195C19.9991 3.00329 23.2624 4.35595 25.7151 6.81062C28.1678 9.26595 29.5178 12.5286 29.5164 15.998C29.5138 23.1586 23.6858 28.9846 16.5258 28.9846C14.3998 28.984 12.2964 28.4593 10.4298 27.4666L3.84642 29.1926C3.81842 29.2006 3.79042 29.204 3.76175 29.204Z"
        fill="white"
      />
      <path
        d="M16.5237 3.33464C19.9097 3.33597 23.087 4.65397 25.477 7.0453C27.8664 9.4373 29.1824 12.616 29.181 15.9973C29.1784 22.974 23.4997 28.6506 16.5237 28.6506H16.5184C14.4004 28.65 12.3184 28.1186 10.4697 27.11L3.75971 28.87L5.55571 22.3133C4.44771 20.3946 3.86505 18.2173 3.86571 15.9873C3.86905 9.01063 9.54638 3.33464 16.5237 3.33464ZM16.5237 2.66797C9.17972 2.66797 3.20238 8.64263 3.19905 15.9873C3.19838 18.232 3.76505 20.444 4.83971 22.402L3.11638 28.6946C3.05371 28.9246 3.11771 29.17 3.28571 29.3393C3.41238 29.4673 3.58371 29.5373 3.75971 29.5373C3.81638 29.5373 3.87305 29.53 3.92905 29.5153L10.387 27.822C12.2724 28.8006 14.3857 29.3173 16.5184 29.318C23.8677 29.318 29.845 23.3426 29.8484 15.998C29.8497 12.4386 28.465 9.09197 25.9497 6.57463C23.433 4.05664 20.0857 2.6693 16.5237 2.66797Z"
        fill="#CFD8DC"
      />
      <path
        d="M23.9656 8.5547C21.9789 6.5667 19.3383 5.47137 16.5276 5.4707C10.7249 5.4707 6.0056 10.188 6.00293 15.9867C6.00226 17.974 6.55826 19.9087 7.6116 21.584L7.86226 21.982L6.79893 25.8627L10.7809 24.8187L11.1656 25.0467C12.7803 26.0054 14.6323 26.512 16.5203 26.5127H16.5243C22.3229 26.5127 27.0423 21.7947 27.0443 15.9954C27.0449 13.1854 25.9523 10.5427 23.9656 8.5547Z"
        fill="#40C351"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M13.3614 10.6966C13.1248 10.1699 12.8754 10.1593 12.6494 10.1499C12.4648 10.1419 12.2541 10.1426 12.0434 10.1426C11.8328 10.1426 11.4901 10.2219 11.2001 10.5386C10.9101 10.8553 10.0928 11.6199 10.0928 13.1759C10.0928 14.7319 11.2261 16.2359 11.3841 16.4466C11.5421 16.6573 13.5721 19.9526 16.7868 21.2206C19.4581 22.2739 20.0021 22.0646 20.5821 22.0119C21.1621 21.9593 22.4534 21.2473 22.7168 20.5086C22.9801 19.7699 22.9801 19.1373 22.9014 19.0053C22.8221 18.8733 22.6114 18.7946 22.2954 18.6359C21.9794 18.4773 20.4241 17.7126 20.1341 17.6073C19.8441 17.5019 19.6334 17.4493 19.4221 17.7659C19.2114 18.0819 18.6054 18.7946 18.4208 19.0053C18.2361 19.2166 18.0514 19.2433 17.7354 19.0846C17.4194 18.9259 16.4008 18.5926 15.1921 17.5153C14.2521 16.6773 13.6174 15.6419 13.4328 15.3253C13.2481 15.0093 13.4128 14.8379 13.5714 14.6799C13.7134 14.5379 13.8874 14.3106 14.0461 14.1259C14.2041 13.9413 14.2568 13.8093 14.3621 13.5986C14.4674 13.3873 14.4148 13.2026 14.3354 13.0446C14.2574 12.8859 13.6428 11.3219 13.3614 10.6966Z"
        fill="white"
      />
    </svg>
  );
};

export { WhatsappColorIcon };