import * as React from 'react'
import { SVGProps } from 'react'
const PuzzledIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 30 30"
    role="img"
    {...props}
  >
    <path d="M 4 0 C 1.794 0 0 1.794 0 4 L 2 4 C 2 2.897 2.897 2 4 2 C 5.103 2 6 2.897 6 4 C 6 4.799 5.5099375 5.2912969 4.7109375 6.0292969 C 3.9489375 6.7342969 3 7.611 3 9 L 5 9 C 5 8.512 5.4063594 8.111 6.0683594 7.5 C 6.9293594 6.704 8 5.715 8 4 C 8 1.794 6.206 0 4 0 z M 15 3 C 13.841367 3 12.733561 3.1799905 11.689453 3.4804688 A 1.0001 1.0001 0 1 0 12.242188 5.4023438 C 13.130078 5.1468219 14.048633 5 15 5 C 20.534534 5 25 9.4654664 25 15 C 25 20.534534 20.534534 25 15 25 C 10.57197 25 6.8408294 22.127779 5.5214844 18.154297 A 1.000256 1.000256 0 0 0 3.6230469 18.785156 C 5.2077019 23.557674 9.7060301 27 15 27 C 21.615466 27 27 21.615466 27 15 C 27 8.3845336 21.615466 3 15 3 z M 12.5 10 A 1.5 1.5 0 0 0 11 11.5 A 1.5 1.5 0 0 0 12.5 13 A 1.5 1.5 0 0 0 14 11.5 A 1.5 1.5 0 0 0 12.5 10 z M 20.5 10 A 1.5 1.5 0 0 0 19 11.5 A 1.5 1.5 0 0 0 20.5 13 A 1.5 1.5 0 0 0 22 11.5 A 1.5 1.5 0 0 0 20.5 10 z M 4 11.5 C 3.172 11.5 2.5 12.172 2.5 13 C 2.5 13.828 3.172 14.5 4 14.5 C 4.828 14.5 5.5 13.828 5.5 13 C 5.5 12.172 4.828 11.5 4 11.5 z M 20 15 C 17.3 15 15.349342 15.824249 14.095703 16.671875 C 12.842065 17.519501 12.222656 18.457031 12.222656 18.457031 A 1.0001 1.0001 0 1 0 13.902344 19.542969 C 13.902344 19.542969 14.251935 18.980499 15.216797 18.328125 C 16.181658 17.675751 17.7 17 20 17 A 1.0001 1.0001 0 1 0 20 15 z" />
  </svg>
)
export default PuzzledIcon
